• 文章介绍
  • 评价建议
  • Bootstrap3隐藏滑动左侧边栏菜单代码是一款通过汉堡包按钮来打开和关闭侧边栏菜单,并通过CSS3来制作平滑的过渡动画效果。

    js代码

    <script src="https://img.x22t.com/file/2020/04/25/ebd366b89309395ac5c7b309cf0b1c433745.js"></script>
    <script type="text/javascript">
    	$(document).ready(function () {
    	  var trigger = $(".hamburger"),
    		  overlay = $(".overlay"),
    		 isClosed = false;
    
    		trigger.click(function () {
    		  hamburger_cross();      
    		});
    
    		function hamburger_cross() {
    
    		  if (isClosed == true) {          
    			overlay.hide();
    			trigger.removeClass("is-open");
    			trigger.addClass("is-closed");
    			isClosed = false;
    		  } else {   
    			overlay.show();
    			trigger.removeClass("is-closed");
    			trigger.addClass("is-open");
    			isClosed = true;
    		  }
    	  }
    	  
    	  $("[data-toggle="offcanvas"]").click(function () {
    			$("#wrapper").toggleClass("toggled");
    	  });  
    	});
    </script>
    

    OC共享平台----官方网址www.ocvoc.com 微信公众号ocvocc 可查询欧闪科技 本站免费资源 需要投广告,赞助的请多多支持,谢谢!
    欧闪科技---oc平台专业提供小程序源码|网站源码|Office素材|游戏服务端|棋牌源码服务端||装修素材|MAC软件下载|免费电影|教育资讯|视频点播|jquery特效 » Bootstrap3隐藏左侧边栏菜单代码

    Leave a Reply

    提供最优质的资源集合

    立即查看 了解详情

    Optimized by WPJAM Basic