jQuery手机移动端侧边栏滑动多级导航菜单插件免费下载

一款美观实用的jQuery手机移动端侧边栏滑动多级导航菜单插件,还带有小图标,可以自定义一些效果,具体看演示页面。

JS代码

<script type="text/javascript" src="dist/hc-mobile-nav.js"></script> 
    <script> 
        (function($) { 
          var $nav = $('#main-nav'); 
          var $toggle = $('.toggle'); 
          var defaultData = { 
            maxWidth: false, 
            customToggle: $toggle, 
            navTitle: 'All Categories', 
            levelTitles: true 
          }; 
 
          // we'll store our temp stuff here 
          var $clone = null; 
          var data = {}; 
 
          // calling like this only for demo purposes 
 
          const initNav = function(conf) { 
            if ($clone) { 
              // clear previous instance 
              $clone.remove(); 
            } 
 
            // remove old toggle click event 
            $toggle.off('click'); 
 
            // make new copy 
            $clone = $nav.clone(); 
 
            // remember data 
            $.extend(data, conf) 
 
            // call the plugin 
            $clone.hcMobileNav($.extend({}, defaultData, data)); 
          } 
 
          // run first demo 
          initNav({}); 
 
          $('.actions').find('a').on('click', function(e) { 
            e.preventDefault(); 
 
            var $this = $(this).addClass('active'); 
            var $siblings = $this.parent().siblings().children('a').removeClass('active'); 
 
            initNav(eval('(' + $this.data('demo') + ')')); 
          }); 
        })(jQuery); 
      </script>
恭喜,此资源为免费资源,请先
本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
打赏
下载价格:免费
下载说明:本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
0

评论0

请先

没有账号? 忘记密码?

社交账号快速登录