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

js 导航脚本 ,判断当前导航

时间:2016-07-12 15:37:10      阅读:240      评论:0      收藏:0      [点我收藏+]

标签:jquery   menu   导航脚本   

<script>

    $(function () {

        //highlight current / active link   左侧导航判断当前活动导航

        $(‘ul.main-menu li a‘).each(function () {

            var wo = window.location.href.substring(window.location.href.lastIndexOf(‘/‘) + 1, window.location.href.lastIndexOf(‘.‘));


            if ($(this).attr(‘href‘) == (wo + ".html")) {

                $(this).parent().addClass(‘active‘);

                $(this).parents().addClass(‘active‘);

                $(this).parents(‘li‘).find("i:first").toggleClass("glyphicon-minus");

                $(this).parents(‘ul‘).slideDown();


            }else

                if (("dxs" == wo || "syd" == wo)&&($(this).attr(‘href‘)=="dbs.html")) {

                  

                    $(this).parent().addClass(‘active‘);

                    $(this).parents().addClass(‘active‘);

                    $(this).parents(‘li‘).find("i:first").toggleClass("glyphicon-minus");

                    $(this).parents(‘ul‘).slideDown();


            }

        });

   /*** begin 主页左侧菜单 */ 

    $(".main-menu a").click(function () {

        //将当前li设置为活动状态

        $(this).find("i:first").toggleClass("glyphicon-minus");


    });

    $(".main-menu a").click(function () {

        //更换其他导航的加减号图标

        $(this).parent(‘li‘).siblings(".active").find("i:first").toggleClass("glyphicon-minus");

        //alert($(this).index());

       

        //去掉其他导航的点击样式并折叠

        $(this).parent(‘li‘).siblings(".active").removeClass("active").children("ul").slideUp(‘fast‘);

        $(this).next(‘ul‘).slideToggle(‘fast‘);

        $(this).parent(‘li‘).addClass(‘active‘);

    });


    /************** end 主页左侧菜单 */

})

</script>


js 导航脚本 ,判断当前导航

标签:jquery   menu   导航脚本   

原文地址:http://zhaoyingyatou.blog.51cto.com/7151735/1825710

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