手记

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

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


0人推荐
随时随地看视频
慕课网APP