dedecms织梦JS代码实现导航高亮显示

第一种方法: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

<divid="menu">

<ul>

<li><ahref="">网站首页</a></li>

<li><ahref="">免费模板</a></li>

</ul>

</div>

<scripttype="text/javascript"language="javascript">

varnav=document.getElementById("menu"😉;

varlinks=nav.getElementsByTagName("li"😉;

varlilen=nav.getElementsByTagName("a"😉;

varcurrenturl=document.location.href;

varlast=0;

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

{

varlinkurl=lilen[i].getAttribute("href"😉;

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

{

last=i;

}

}

links[last].className="menu_on";

</script>

注明:本文为星速云原创版权所有,禁止转载,一经发现将追究版权责任!

(0)
上一篇 2022年5月30日 上午3:56
下一篇 2022年5月30日 上午3:56

相关推荐

发表评论

登录后才能评论
问答社区 QQ客服
微信客服
微信客服
分享本页
返回顶部