第一种方法：JS代码实现高亮显示
这里是模板文件.HTM里面的代码，下面的JS加载导航代码的下面。
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | <div id="menu"> <ul> <li><a href="">网站首页</a></li> <li><a href="">免费模板</a></li> </ul> </div> <script type="text/javascript" language="javascript"> var nav = document.getElementById("menu"); var links = nav.getElementsByTagName("li"); var lilen = nav.getElementsByTagName("a"); var currenturl = document.location.href; var last = 0; for (var i=0;i<links.length;i++) { var linkurl = lilen[i].getAttribute("href"); if(currenturl.indexOf(linkurl)!=-1) { last = i; } } links[last].className = "menu_on"; </script> |
版权声明： 本站资源均来自互联网或会员发布，如果侵犯了您的权益请与我们联系，我们将在24小时内删除！谢谢！
转载请注明： dedecms织梦JS代码实现导航高亮显示
本站转载作品版权归原作者及来源网站所有，原创内容作品版权归作者所有，任何内容转载、商业用途等均须联系原作者并注明来源。相关侵权、举报、投诉及建议等，请发E-mail：379144319@qq.com
Copyright © 2002-2011 滕州素材无忧网络科技有限公司 版权所有nbsp; 鲁ICP备16003892号-6
鲁公网安备37048102006483号
客服QQ
工作时间：8：00-18：00
客服QQ
379144319
电子邮件
379144319@qq.com
