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><arel="nofollow noopener noreferrer" href="">网站首页</a></li>
<li><arel="nofollow noopener noreferrer" href="">免费模板</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>

到此这篇关于dedecms织梦JS代码如何实现导航高亮显示就介绍到这了。这一年吃的苦承受的压力,全都很值得。不过也逼自己看到了自己的弱点,已经损失了三年,要珍惜为自己争取来的两年。更多相关dedecms织梦JS代码如何实现导航高亮显示内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

您可能有感兴趣的文章
织梦后台文档列表添加复制文档功能支持所有模型

织梦无法上传ico图标格式文件的如何解决方法

dedecms如何实现任意页面调用当前会员信息的方

织梦dede:tag调用指定多个栏目的TAG标签

织梦栏目列表按附加表自定义字段排序