外貿建站之jQuery+bootstrap響應式二級下拉導航菜單代碼分享

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

 1 <script>
 2         $(function(){
 3             //超過一定高度導航添加類名
 4             var nav=$("header"); //得到導航對象  
 5             var win=$(window); //得到窗口對象  
 6             var sc=$(document);//
 
得到document文檔對象。  
 7             win.scroll(function(){  
 8               if(sc.scrollTop()>=100){  
 9                 nav.addClass("on");   
10               }else{  
11                nav.removeClass("on");  
12               }  
13             })   
14 
15             //移動端展開nav
16             $(‘#navToggle‘).on(‘click‘,function
 
(){
17                 $(‘.m_nav‘).addClass(‘open‘);
18             })
19             //關閉nav
20             $(‘.m_nav .top .closed‘).on(‘click‘,function(){
21                 $(‘.m_nav‘).removeClass(‘open‘);
22             })
23             
24             //二級導航  移動端
25             $(".m_nav .ul li").click(function
 
() {
26                 $(this).children("div.dropdown_menu").slideToggle(‘slow‘)
27                 $(this).siblings(‘li‘).children(‘.dropdown_menu‘).slideUp(‘slow‘);                
28             });
29 
30         })
31     </script>

本文參考：https://www.chinaobd2.com/wholesale/cgdi-at-200-ecu-programmer-for-bmw.html
https://www.chinaobd2.com/wholesale/autel-maxiim-im508-immo-key-programmer.html

外貿建站之jQuery+bootstrap響應式二級下拉導航菜單代碼分享