首页 > Web开发 > 详细

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

时间:2016-07-12 15:36:56      阅读:219      评论:0      收藏:0      [点我收藏+]

<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 导航脚本 ,判断当前导航

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!