JS实现当前栏目高亮

Excerpt

javascript实现当前栏目高亮！解决思路，地址栏跟导航栏地址链接之间做比较，相等就给对应的导航栏目添加class。

<script type="text/javascript">
var myNav = document.getElementById("nav").getElementsByTagName("a");
for(var i=0;i<myNav.length;i++)   
{   
   var links = myNav[i].getAttribute("href");   
   var myURL = document.location.href;    
   if(myURL.indexOf(links) != -1)   
   {   
      myNav[i].className="on1"; 
      //添加class元素  
    }   
} 
</script>

1

2

3

4

5

6

7

8

9

10

11

12

13

<script type="text/javascript">

var myNav = document.getElementById("nav").getElementsByTagName("a");

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

{

var links = myNav[i].getAttribute("href");

var myURL = document.location.href;

if(myURL.indexOf(links) != -1)

{

myNav[i].className="on1";

//添加class元素

}

}

</script>

weinxin

我的微信

把最实用的经验，分享给最需要的读者，希望每一位来访的朋友都能有所收获！

Copyright：Original articles，at 2017年6月23日，By 开拓者博主 Publish，Total of 33 character。
Reproduced Specify：JS实现当前栏目高亮筋斗云网络

CommentCancel reply

Replies to：1 Visitors 1 Admin 0

天涯网 河北省沧州市联通 1
Reply 2017年6月24日下午4:46 1F

网站文章写的不错，赞一个！

Directory
繁
微信

在线咨询