? jQuery+bootstrap響應式二級下拉導航菜單代碼 - 素材火
頭像

jQuery+bootstrap響應式二級下拉導航菜單代碼

來源:https://www./js/4246.html 18***38 2019-03-13 11:36瀏覽(235) 收藏

jQuery+bootstrap響應式二級下拉導航菜單代碼是一款非常簡單實用的企業網站導航下拉菜單展開收縮特效,電腦端和移動端效果都不錯。
jQuery+bootstrap響應式二級下拉導航菜單代碼
分類:導航菜單 > 下拉導航 難易:初級

程序員,你不是一個人;網站開發QQ群:35248186,在線充值,或聯系QQ2589223951直接充值

查看演示 下載資源: 7

手機掃碼訪問:

下載資源 下載積分: 30 積分

js代碼

<script>
		$(function(){
			//超過一定高度導航添加類名
			var nav=$("header"); //得到導航對象  
			var win=$(window); //得到窗口對象  
			var sc=$(document);//得到document文檔對象。  
			win.scroll(function(){  
			  if(sc.scrollTop()>=100){  
			    nav.addClass("on");   
			  }else{  
			   nav.removeClass("on");  
			  }  
			})   

			//移動端展開nav
			$('#navToggle').on('click',function(){
				$('.m_nav').addClass('open');
			})
			//關閉nav
			$('.m_nav .top .closed').on('click',function(){
				$('.m_nav').removeClass('open');
			})
			
			//二級導航  移動端
		    $(".m_nav .ul li").click(function() {
				$(this).children("div.dropdown_menu").slideToggle('slow')
		        $(this).siblings('li').children('.dropdown_menu').slideUp('slow');				
		    });

		})
</script>
最新交易
評論0
頭像

系統已開啟自動識別垃圾評論機制,識別到的自動封號,下載出錯或者資源有問題請聯系全棧客服QQ 2589223951

1 2