- 资源介绍
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>
猜你喜欢
-
Bootstrap鼠标右键下拉菜单特效
2017-08-05 -
jQuery树结构菜单选择器代码
2017-06-23 -
仿MacOS苹果系统底部图标菜单动画代码
2017-06-12 -
(无授权)企业一号WordPress主题V1.2.2破解版
2020-08-05 -
CSS3鼠标悬停动画下拉导航菜单代码
2018-01-25 -
高仿今日头条超级今日头条带手移动端商业版(GBK+UTF)网站模板头条资讯源码 Discuz模板
2020-08-05 -
多色设计 ZCOOL 站酷Discuz 模板/文章频道版本+站酷素材源码+空间设计+配色设计交流
2020-08-05 -
Thinkphp内核极致cms清新博客源码TinKe
2021-08-09 -
jQuery+CSS3 3D立方体旋转图标菜单代码
2017-12-05 -
CSS3 3D垂直手风琴菜单动画切换特效
2018-04-23
-
jQuery基于Bootstrap顶部浮动导航菜单代码
2018-05-14 -
HTML5 Bootstrap响应式手机导航下拉菜单代码
2017-08-24 -
最新商业版精美大气中国红色调含门户论坛dz源码 易于SEO
2020-08-05 -
jQuery微信手机端底部弹出导航菜单列表代码
2017-06-06 -
jQuery商城常用左侧悬浮导航定位代码
2017-11-12 -
bootstrap风格的zTree树形菜单代码
2017-11-01 -
PHP京东图床外链上传+瀑布流图片展示源码_源码下载
2020-08-05 -
jQuery鼠标经过滑动展开菜单代码
2017-04-04 -
做网站遇到的坑,网赚利弊,提升自己,提升眼界,坚持总会发光
2020-05-31 -
jQuery网页向下滚动导航固定顶部代码
2017-03-28
猜你在找
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
源码资源库 » Bootstrap3隐藏左侧边栏菜单代码
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
源码资源库 » Bootstrap3隐藏左侧边栏菜单代码