• 建站系统管家

  • 服务热线: 13487170257
  • 电子邮箱: 413888328@qq.com
h5响应式导航,bootstrap黑色的导航菜单代码

h5响应式导航,bootstrap黑色的导航菜单代码


基于bootstrap开发响应式导航,可以用于响应式网站开发,制作简单的二级导航条,复用性强,带悬停高亮,和导航下拉菜单显示效果。

20211102\5520d1d975e59f10a881091ed622e810.jpeg


使用方法

1、head引入css文件




2.底部js引用


3.底部jq

=100){
			    nav.addClass("on");
			  }else{
			   nav.removeClass("on");
			  }
			})

			//移动端展开nav
			$('#navToggle').on('click',function(){
				$('.m_nav1').addClass('open');
			})
			//关闭nav
			$('.m_nav1 .top .closed').on('click',function(){
				$('.m_nav1').removeClass('open');
			})

			//二级导航  移动端
		    $(".m_nav1 .ul li").click(function() {
				$(this).children("div.dropdown_menu").slideToggle('slow')
		        $(this).siblings('li').children('.dropdown_menu').slideUp('slow');
		    });

		})	" _ue_custom_node_="true">

4.body引入部分

首页
							业务体系						二级菜单二级菜单二级菜单直营园二级菜单二级菜单二级菜单行知资讯关于我们联系合作
	            
	        首页
					业务体系				二级菜单二级菜单二级菜单直营园二级菜单二级菜单二级菜单行知资讯关于我们联系合作


使用声明

1. 本站所有素材可用于商业用途,所有素材都为原创
2. 本站下载的原创素材,只拥有使用权,著作权归原速建时代所有。
3. 未经合法授权,不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 系统商业用途请预先授权。
5. 如果素材损害你的权益请联系客服QQ:413888328给予处理。