廢話不多說,直接給大家貼代碼了。
<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>
以上所述是小編給大家介紹的JavaScript導航腳本判斷當前導航,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對網站的支持!