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

2023/03/11 14:21 魔司收录网已浏览341次

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

							
											01
										
											<div id="menu">
									
											02
										
											 <ul>
									
											03
										
											  <li><a href="">网站首页</a></li>
									
											04
										
											  <li><a href="">免费模板</a></li>
									
											05
										
											 </ul>
									
											06
										
											</div>
									
											07
										
											<script type="text/javascript" language="javascript">
									
											08
										
											var nav = document.getElementById("menu");
									
											09
										
											var links = nav.getElementsByTagName("li");
									
											10
										
											var lilen = nav.getElementsByTagName("a");
									
											11
										
											var currenturl = document.location.href;
									
											12
										
											var last = 0;
									
											13
										
											for (var i=0;i<links.length;i++)
									
											14
										
											{
									
											15
										
											   var linkurl =  lilen[i].getAttribute("href");
									
											16
										
											     if(currenturl.indexOf(linkurl)!=-1)
									
											17
										
											        {
									
											18
										
											         last = i;
									
											19
										
											        }
									
											20
										
											}
									
											21
										
											         links[last].className = "menu_on";
									
											22
										
											</script>