一、静态网页的实现 1.运用CSS,让导航菜单在右侧绝对定位显示。 2.运用锚点,实现导航定位。
2016-09-22 12:52
666 查看
#menu{
position:fixed;
left:50%;
margin-left:400px;
top:100px;
}
position:fixed;
left:50%;
margin-left:400px;
top:100px;
}
关键点:
<div id="menu"> <span style="white-space:pre"> </span><ul><!-- 新知识:锚点链接 --> <span style="white-space:pre"> </span><li><a<span style="background-color: rgb(255, 255, 153);"> href="<span style="color:#ff0000;">#item1</span>"</span> class="current">1F 男装</a></li> <span style="white-space:pre"> </span><li><a href="<span style="color:#ff0000;">#item2</span>">2F 女装</a></li> <span style="white-space:pre"> </span><li><a href="#item3">3F 美妆</a></li> <span style="white-space:pre"> </span><li><a href="#item4">4F 数码</a></li> <span style="white-space:pre"> </span><li><a href="#item5">5F 母婴</a></li> <span style="white-space:pre"> </span></ul> </div><div id="item1" class="item">……
相关文章推荐
- 网页设计,本页面内左侧菜单导航右侧显示内容简单实现方法
- 纯css实现固定在网页底部菜单导航
- 用CSS实现定位DIV绝对位于网页底部
- 点击导航,滑动到网页中的指定位置(JS实现滑动锚点定位)
- 绝对经典的滑轮新闻显示(javascript+css)实现
- 完全用CSS实现的中英文双语导航菜单
- UL、LI 无序列表实现纯CSS网站导航菜单
- 用YUI Animation 和css实现超酷导航菜单
- CSS网页中的相对定位与绝对定位
- javascript+css实现自定义网页右键菜单
- 解读M$源代码:JavaScript+CSS实现动态菜单显示
- 实现CSS制作网页时绝对居中问题的总结!
- Css实现DIV绝对定位
- Jacascript和CSS实现Mac OS导航菜单
- CSS实现的中英文双语导航菜单
- 完全用CSS实现的中英文双语导航菜单
- 用css实现了一个精致的纵向导航菜单
- 用css实现了一个精致的纵向导航菜单
- 用css实现了一个精致的纵向导航菜单
- 网页设计-[CSS+DIV设计实例:纯CSS制作下拉导航菜单]