继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

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

html5零基础入门学习
关注TA
已关注
手记 246
粉丝 81
获赞 518

<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>


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP