相关文章
网站建设用Dreamweaver实现Real与网页结合
网站制作网页制作风格之细边框制作方法两则
网页设计网页制作初学者认识XML与HTML的区别
北京网站设计详解css定位与定位应用
企通互联Photoshop CS3 新的抠图魔棒选择工具介绍
北京网站制作善用色彩让你的网页更靓丽
网站设计用Photoshop调清脆的蓝、云中漫步、1像素点边框
北京网站制作网页设计基本配色参考色谱——热情
企通互联HTML语言剖析（三）文件标记
网站制作按颜色分类：紫色系（Purple）
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置：首页 >> 网页设计 >> 北京网站制作网站制作网页导航上用CSS标志当前页效果的实现
北京网站制作网站制作网页导航上用CSS标志当前页效果的实现
当前页面--比如说现在的页面是首页，那么在导航栏上首页的色彩等和其他栏目有所不同，用以给浏览者一个明显的指示。 Chinaz@com
北京网站设计下面来说下具体的做法，菜单的基本实现和一般的CSS菜单没多大区别，着重说下如何 实现当前页。 中.国.站长站
设菜单有5个栏目：home、 北京网页设计about、products、services、contact 网站建设，分别给每个栏目一 个ID，m1-m5，CSS可写成如下： 网站制作站.长.站
#home #nav li#m1 a, #about #nav li#m2 a, #products #nav li#m3 a, #services #nav li#m4 a, #contact #nav li#m5 a{color: #FFF; background: #DC4E1B url(navbg.gif) no-repeat; }
Chinaz^com
xhtml：
网站设计站.长站
<ul id="nav">
<li id="m1"><a href="index.html">Home</a></li>
<li id="m2"><a href="about.html">About</a></li> 中.国站长站
<li id="m3"><a href="products.html">Products</a></li> Chinaz@com
<li id="m4"><a href="services.html">Services</a></li>
<li id="m5"><a href="contact.html">Contact</a></li>
中国站.长.站
</ul>
然后分别给每个页面的bady标签一个独立的ID，例如给首页的ID是home，其余的类推 。
这样做法的好处是每个页面的菜单都是一样的，方便修改，动态页包含也容易。 站.长站
企通互联