相关文章
北京网站建设如果你想做Web2.0网站应该注意这些问题
网站设计网页设计应用：使用CSS截字
北京网页设计Photoshop制作被火烧过的相片效果
北京网页设计DIV+CSS布局的网页对网站SEO的影响
北京网页设计CSS技巧，像table一样布局div
企通互联HTML语言剖析（三）文件标记
北京网站设计分析：Dreamweaver网页制作秘诀之二
北京网站设计Photoshop直观调节反转负冲效果
北京网站设计交互设计：找到你的用户
北京网站制作怎样设计人性化的登录界面
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置：首页 >> 网页设计 >> 北京网页设计北京网站建设网页导航上用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，其余的类推 。
中国.站.长站
这样做法的好处是每个页面的菜单都是一样的，方便修改，动态页包含也容易。 北京网页设计站.长站
