码迷,mamicode.com
首页 > Web开发 > 详细

夺命雷公狗ThinkPHP项目之----企业网站29之网站前台左侧导航的高亮显示

时间:2016-04-27 08:17:51      阅读:301      评论:0      收藏:0      [点我收藏+]

标签:

其实这里就是加多一段jq代码即可:

首先加一个id :

技术分享

 

然后在下面加多一段jq代码即可:

技术分享

 

<script type="text/javascript">
 $(document).ready(function(){
     var hrefs=$("#nav2 > li > a");
    hrefs.each(function(i,val){
        var cururl=window.location.href;
        if(val== cururl){
            $(this).addClass("foucs");
        }
    }); 
 });
</script>

 

 

测试效果如下所示:

技术分享

 

技术分享

夺命雷公狗ThinkPHP项目之----企业网站29之网站前台左侧导航的高亮显示

标签:

原文地址:http://www.cnblogs.com/leigood/p/5437412.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!