简单实现当前栏目菜单高亮显示

时间:13-09-05 栏目:网站开发 作者:admin 评论:0 点击: 3,427 次

比如下面的HTML代码:
<div class="newsRight ">
        <div class="newsRightTab border">
  <div class="title">新闻中心</div>
  <div class="newsTab"><a href="/news/fire/">消防要闻</a></div>
  <div class="newsTab"><a href="/news/pnews/">省内动态</a></div>
  <div class="newsTab"><a href="/news/delivery/">火情速递</a></div>
  <div class="newsTab"> <a href="/news/rescue/">抢险救援</a></div>
  <div class="newsTab"> <a href="/zt/">专题追踪</a></div>
 </div>

在其底部加入以下JS即可:
 <script> $('.newsRightTab .newsTab a').each(function(index){ if(window.location.href.indexOf( $(this).attr('href'))!=-1)$(this).css('color','red'); }); </script>
参考:
http://e.js119.com/news/pnews/
http://e.js119.com/news/pnews/2013-09-04/74242.html

声明: 本文由( admin )原创编译,转载请保留链接: 简单实现当前栏目菜单高亮显示

简单实现当前栏目菜单高亮显示:等您坐沙发呢!

发表评论


------====== 本站公告 ======------
联系信息:
lxq73061#qq.com qq:583964941
支付宝:https://me.alipay.com/lxq73061
相关插件程序等信息均会在站内发布,敬请关注。

读者排行