利用CSS在导航条上标示当前所在频道

作者佚名技术来源 CSS技术浏览发布时间 2012-03-03

利用CSS在导航条上标示当前所在频道的技术，已经有很长时间了，在很多CSS的书中都介绍过，不过还是总被问到，因此写一个简单的示例来讲解一下。

其实原理非常简单：

1) 按照不同的频道（栏目），分别为body定义id。例如：

首页：<body id="p_home">
Blog频道：<body id="p_blog">
相册频道：<body id="p_ablum">
频道内的所有页面都要统一定义id。

2) 导航条的相应栏目，也定义id或者class：

3) 当前位置通过不同的body的id来分别：

#p_home .nav_home a,
#p_blog .nav_blog a,
#p_album .nav_album a {
……
}

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!

分享到：更多

你可能对下面的文章感兴趣

上一篇: IE盒子模型和标准W3C盒子模型下一篇: 以图例方式介绍CSS制作网页详细步骤

关于利用CSS在导航条上标示当前所在频道的所有评论