首页 > 其他 > 详细

高亮效果,比如导航高亮

时间:2017-09-26 18:34:06      阅读:197      评论:0      收藏:0      [点我收藏+]

html部分:

<div id="nav">

<ul>

<li><a href="">导航</a></li>

<li><a href="">导航</a></li>

<li><a href="">导航</a></li>

<li><a href="">导航</a></li>

<li class="selected"><a href="">导航</a></li>

</ul>

</div>

 

js部分:

<script type ="text/javascript" language ="javascript">

             var nav = document.getElementById( "nav");

             var links = nav.getElementsByTagName("li" );

             var lilen = nav.getElementsByTagName("a" ); //判断地址

             var currenturl = document. location.pathname.slice(0, -5);

            var last = 0;

             for ( var i = 0; i < links.length; i++) {

                 var linkurl = lilen[i].getAttribute( "href").slice(0,-5);

                if (currenturl.indexOf(linkurl) != -1 ) {

                    last = i;

                }

            }

           links[last].className = "selected"; //高亮代码样式

</script>

高亮效果,比如导航高亮

原文:http://www.cnblogs.com/chengmingxiaowu/p/7598008.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!