欢迎来到元素模板ys720.com,本站提供专业的织梦模板PBOOTCMS模板网站模板网站修改/网站仿站
当前位置:主页 > 程序教程 > 其他教程 >
其他教程

采用JS判断当前栏目 添加高亮样式

(元素模板) / 2015-03-13 10:19
不知道是因为织梦不能同时用2个currentstyle,所以每次做模板侧边栏的栏目高亮就是不显示
下面我为大家介绍个利用JS来为当前栏目添加高亮样式的方法:
<script type="text/javascript" src="jquery.js"></script>  
<script type="text/javascript">  
$(document).ready(function(){  
    $(".nav a").each(function(){  
        $this = $(this);  
        if($this[0].href==String(window.location)){  
            $this.addClass("hover");  
        }  
    });  
});  
</script>  
  
<div class="nav">  
<ul>  
    <li><a href="1.html"> 首页</a></li>  
    <li><a href="2.html"> 个人资料</a></li>  
    <li><a href="3.html"> 我的好友</a></li>  
    <li><a href="4.html"> 消息管理</a></li>   
</ul>     
</div>  
这个自己测试过百分百可用
Copyright @ 2013-2021 元素模板 www.ys720.com All Rights Reserved. 版权所有 元素模板 www.ys720.com