码迷,mamicode.com
首页 > 其他好文 > 详细

高亮效果,比如导航高亮

时间:2017-09-26 19:28:05      阅读:139      评论:0      收藏:0      [点我收藏+]

标签:pre   location   script   b2b   select   col   asc   lan   text   

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>

高亮效果,比如导航高亮

标签:pre   location   script   b2b   select   col   asc   lan   text   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!