站点当前栏目高亮

用js查找法实现当前栏目样式的高亮显示Woo..

网站栏目高亮,适用于栏目地址不存在外链的情况。

1、获取所有a标签的href属性值

2、用location.href与获取到a href属性值进行匹配。

3、如果不是返回-1,那么则给对应的a标签加上高亮样式。

 

<ul class=”nav-ul” id=”nav”>
            <li><a href=”/”>首页</a></li>
            <li>
                <a href=”/cate1/”>栏目</a>
            </li>

</ul>

<script language=”javascript”>
    var links = document.getElementById(“nav”).getElementsByTagName(“a”);
    for(var i=0;i<links.length; i++){
        if(i==0){
            continue;
        }else{
            var url = links[i].getAttribute(“href”);
            var nowUrl = document.location.href;
            if(nowUrl.indexOf(url)!=-1){
                links[i].className = “nav_bg”;
            }
        }
    }
    
</script>

 

发表评论

电子邮件地址不会被公开。 必填项已用*标注

*