时间:13-09-05 栏目:网站开发 作者:admin 评论:0 点击: 8,168 次
比如下面的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 )原创编译,转载请保留链接: 简单实现当前栏目菜单高亮显示
------====== 本站公告 ======------
联系信息:
电话:19970108113(微信同号) QQ:3142401606
支付宝:https://me.alipay.com/lxq73061
相关插件程序等信息均会在站内发布,敬请关注。