- 资源介绍
jQuery多层卡片堆叠展示导航菜单切换特效是一款点击汉堡包按钮,各个子菜单会以卡片的形式堆叠排列在窗口中,点击相应的子菜单就会切换到相应的页面上的动画导航菜单代码。
js代码
<script src="https://img.x22t.com/file/2020/04/25/aef4a62d765b8af142cf2c96f71fa60e4428.js?t=1"></script> <script src="https://img.x22t.com/file/2020/04/25/38a328155bd048d253a3e39a20a3b5a12770.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function () { var $demo = $(".demo"); var numOfSections = $(".demo__section").length; $(document).on("click", ".demo__menu-btn", function () { $demo.addClass("menu-active"); }); $(document).on("click", ".demo__close-menu", function () { $demo.removeClass("menu-active"); }); $(document).on("click", ".demo.menu-active .demo__section", function () { var $section = $(this); var index = +$section.data("section"); $(".demo__section.active").removeClass("active"); $(".demo__section.inactive").removeClass("inactive"); $section.addClass("active"); $demo.removeClass("menu-active"); for (var i = index + 1; i <= numOfSections; i++) { if (window.CP.shouldStopExecution(1)) { break; } $(".demo__section[data-section=" + i + "]").addClass("inactive"); } window.CP.exitedLoop(1); }); }); </script>
猜你喜欢
-
WordPress主题风格淘宝客模板以灰色为主打+聚集人气和互动
2020-08-05 -
美女直播短视频手机APP应用下载页面静态html网页模板
2020-08-05 -
jQuery手机触屏滑动导航菜单代码
2017-06-03 -
微信黑号检测,黑号和白号区分,免费教程,黑号怎么变白号
2020-05-17 -
强大的jQuery下拉菜单插件
2017-11-13 -
阿里云安全组放行教程—阿里云ECS无法打开面板的解决方法
2020-05-15 -
jQuery+CSS3鼠标悬停动画导航菜单特效
2017-11-24 -
jQuery全屏页面滚动导航切换效果
2017-10-26 -
jQuery垂直手风琴个人信息菜单面板代码
2018-03-21 -
手机端左右侧边栏菜单js特效
2017-11-14
-
jQuery右侧弹出侧边栏导航菜单代码
2017-09-26 -
jQuery+HTML5网站顶部3D翻转展开导航菜单代码
2017-10-07 -
Emlog快速/新颖/简洁资源网Laynews模板
2020-08-05 -
WordPress主题:Dux主题 V6.4 新增百度收录、搜索只匹配标题、标签SEO、移动端登录等
2020-08-05 -
jQuery医院网站顶部下拉导航菜单代码
2018-03-22 -
jQuery多级无限级导航下拉菜单代码
2017-10-02 -
可视化建站The7主题 V8.7 WordPress主题
2020-08-05 -
jQuery带音效圆形网页右键菜单代码
2017-03-13 -
element-ui省市县三级联动菜单代码
2017-11-22 -
WordPress主题 Relive 3.1自媒体博客主题模板
2020-08-05
猜你在找
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
源码库 » jQuery卡片堆叠展示导航菜单切换特效
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
源码库 » jQuery卡片堆叠展示导航菜单切换特效