新手试着写一个网页练手,卡在导航条高亮,百度过试用了很多种 js 方法还是不行。请大神指导下 我照着百度实例写的JS代码 别人可以而我就不能 研究一下午没结果 我写得不对么?还是写错了,表示知识浅看不出错误....html代码:<ul class="nav" id="nav">
<li class="nav_menu"><a href="index.html">HOME</a></li>
<li class="nav_menu"><a href="about.html">ABOUT</a></li>
<li class="nav_menu"><a href="practices.html">PRACTICES</a></li>
<li class="nav_menu"><a href="ourlawyers.html">OURLAWYERS</a></li>
<li class="nav_menu"><a href="news.html">NEWS</a></li>
<li class="nav_menu"><a href="contact.html">CONTACT</a></li></ul>
js代码:
function navHighLinght(){
if(!document.getElementById || !document.getElementsByTagName) return false;
if(!document.getElementById("nav")) return false;
var nav = document.getElementById("nav").getElementsByTagName("a");
var current_url = window.location.href;
for(var i=0; i<nav.length; i++){
var links = nav[i].getAttribute("href");
if(current_url.indexOf(links) != -1){
nav[i].className = "active";
var linktext = nav[i].lastChild.nodeValue.toLowerCase();
document.body.setAttribute("id",linktext);
}
}}
添加回答
举报
0/150
提交
取消
