自带完整数据 快速建站好帮手
客服QQ客服QQ 客服微信客服微信 公众号公众号

织梦dedecms怎么使用JS实现导航菜单高亮效果

本文介绍了织梦dedecms怎么使用JS实现导航菜单高亮效果,教程给出了DIV和JS的具体代码,放到模板文件直接使用就可以了。

织梦网站源码

以前瓦窑源码小编介绍过导航高亮显示的方法,那么织梦dedecms怎么使用JS实现导航菜单高亮效果呢?一起来看看具体方法。

实现方法:

这里是模板文件.HTM里面的代码,下面的JS加载导航代码的下面。

DIV部分

<div id="menu">

<ul>

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

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

</ul>

</div>

JS部分

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

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

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

var lilen = nav.getElementsByTagName("a");

var currenturl = document.location.href;

var last = 0;

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

{

var linkurl =  lilen[i].getAttribute("href");

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

{

last = i;

}

}

links[last].className = "menu_on";

</script>

这样就可以了。

以上就是关于织梦JS高亮效果的所有内容,希望可以帮到大家,有疑问欢迎找小编探讨交流~

    TAG标签:织梦JS高亮效果

    上一个:织梦dedecms怎么单独调用文章列表页的总页数
    下一个:织梦dedecms的搜索结果页不支持autoindex怎么办

    咨询客服

    QQ:1847629575

    全年 09:00-23:00

    (其他时间请留言)

    在线客服

    Copyright©2021 www.why114.com 瓦窑源码 版权所有 鲁ICP备20017802号

    展开