织梦dedeCMS导航高亮显示办法（织梦导航栏修改）

25-01-24 21

关于织梦dedeCMS导航高亮显示办法和织梦导航栏修改的问题就给大家分享到这里，感谢你花时间阅读本站内容，更多关于dedecms织梦JS代码实现导航高亮显示、dedecms织梦模板JS代码实现导航高亮

关于织梦dedeCMS导航高亮显示办法和织梦导航栏修改的问题就给大家分享到这里，感谢你花时间阅读本站内容，更多关于dedecms织梦JS代码实现导航高亮显示、dedecms织梦模板JS代码实现导航高亮显示的方法、dedeCMS织梦模板判断当前文章高亮显示、dedecms织梦源码JS代码实现导航高亮显示的办法等相关知识的信息别忘了在本站进行查找喔。

本文目录一览：

织梦dedeCMS导航高亮显示办法（织梦导航栏修改）
dedecms织梦JS代码实现导航高亮显示
dedecms织梦模板JS代码实现导航高亮显示的方法
dedeCMS织梦模板判断当前文章高亮显示
dedecms织梦源码JS代码实现导航高亮显示的办法

织梦dedeCMS导航高亮显示办法（织梦导航栏修改）

直奔主题了，高亮显示教程适用于您具有一定的CSS基础才可以了，前提把高亮显示的样式写好，然后再开始高亮显示标签适用。
今天可乐分享的是两种办法实现织梦网站导航高亮显示：
备注CSS里面的写法：

复制代码 #menu li.menu_on{width:100px; height:44px; float:left; text-decoration:none; background:url(menuhover.png) bottom no-repeat} *种办法：JS代码实现高亮显示
这里是源码文件.HTM里面的代码，下面的JS加载导航代码的下面。

复制代码 <div id="menu"> <ul> <li><a href=http://www.dede58.com/a/dedejq/"/">网站首页</a></li> <li><a href=http://www.dede58.com/a/dedejq/"/">免费源码</a></li> </ul> </div> <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.getAttribute("href"); if(currenturl.indexOf(linkurl)!=-1) { last = i; } } links[last].className = "menu_on"; </script> 第二种办法：织梦标签实现高显示

复制代码 <div id="menu"><ul><li {dede:field name=typeid runphp="yes"}(@me=="")? @me="":@me="";{/dede:field}><a href=http://www.dede58.com/a/dedejq/"/">网站首页</a></li>{dede:channel type='top' row='8' current~typelink~">~typename~</a> </li>" }<li><a href=http://www.dede58.com/a/dedejq/"[field:typelink/]">[field:typename/]</a></li>{/dede:channel}</ul></div> 相比大家更愿意适用第二种办法的哦！
如果对您有帮助，记得分享一下此篇新闻，让更多的织梦爱好者看到！

本文章网址：http://www.ppssdd.com/code/13035.html。转载请保留出处，谢谢合作！

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

第一种方法：JS代码实现高亮显示

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

首页

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

{

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

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

{

last = i;

}

links[last].className = "menu_on";

dedecms织梦模板JS代码实现导航高亮显示的方法

第一种方法：JS代码实现高亮显示
这里是模板文件.HTM里面的代码，下面的JS加载导航代码的下面。

首页

dedeCMS织梦模板判断当前文章高亮显示

PHP="yes" }
PHP="yes"](@me==3)? @me="class=s":@me="";[/field:global] >[field:title /] [field:url /]

以上代码判断id=3时，加亮对应名称

改变颜色
{dede:arclist}
{/dede:arclist}

总结

以上是小编为你收集整理的dedeCMS织梦模板判断当前文章高亮显示全部内容。

如果觉得小编网站内容还不错，欢迎将小编网站推荐给好友。

dedecms织梦源码JS代码实现导航高亮显示的办法

*种办法：JS代码实现高亮显示
这里是源码文件.HTM里面的代码，下面的JS加载导航代码的下面。
<div id="menu"> <ul> <li><a href=http://www.dede58.com/a/dedejq/"">网站首页</a></li> <li><a href=http://www.dede58.com/a/dedejq/"">免费源码</a></li> </ul> </div> <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>

本文章网址：http://www.ppssdd.com/code/9687.html。转载请保留出处，谢谢合作！

今天的关于织梦dedeCMS导航高亮显示办法和织梦导航栏修改的分享已经结束，谢谢您的关注，如果想了解更多关于dedecms织梦JS代码实现导航高亮显示、dedecms织梦模板JS代码实现导航高亮显示的方法、dedeCMS织梦模板判断当前文章高亮显示、dedecms织梦源码JS代码实现导航高亮显示的办法的相关知识，请在本站进行查询。

本文标签：