工作方式是,在每个页面的主体元素中添加一个ID或类名,从而指出用户当前在哪个页面中。然后,在导航列表中的每个项中添加一个对应的ID或类名。可以使用主体的ID或列表ID/类的唯一组合在站点导航中突出显示当前部分或页面。
1、HTML代码片段
<body id="fuwu">
<ul class=".right_dh">
<li class="home"><a href="#"><b>首页</b></a></li>
<li class="shoping"><a href="#"><b>轻松购物</b></a></li>
<li class="tiyan"><a href="#"><b>易享体验</b></a></li>
<li class="store"><a href="#"><b>逛逛专卖店</b></a></li>
<li class="fuwu"><a href="#"><b>服务中心</b></a></li>
</ul>
2、为了突出显示当前页面,只需要寻找以下ID和类名的组合:
#home .right_dh .home a,#shoping .right_dh .shoping a,#tiyan .right_dh .tiyan a,#store .right_dh .store a,#fuwu .right_dh .fuwu a,#member .right_dh .member a{color:#fff;background:url('../images/link.gif') no-repeat;cursor:default}
最后的效果:(当用户进入频道时,黑色的方块就会停留在当前频道页面上)