jQuery+css3 3D倾斜页面左侧导航菜单代码免费下载

一款酷酷的jQuery+css3 3D倾斜页面左侧导航菜单代码,点击按钮展开左侧边栏导航菜单时页面会有3D倾斜效果,收起导航菜单即恢复。

JS代码

<script> 
(function() { 
 
  var nav = $('nav'), 
    menu = $('nav h1'), 
    main = $('main'), 
      open = false, 
      hover = false; 
 
  menu.on('click', function() { 
        open = !open ? true : false; 
    nav.toggleClass('menu-active'); 
    main.toggleClass('menu-active'); 
    nav.removeClass('menu-hover'); 
    main.removeClass('menu-hover'); 
    console.log(open); 
  }); 
  menu.hover(  
    function() { 
      if (!open) { 
          nav.addClass('menu-hover'); 
          main.addClass('menu-hover'); 
      } 
    }, function() { 
      nav.removeClass('menu-hover'); 
      main.removeClass('menu-hover'); 
    } 
  ); 
 
})();</script>
恭喜,此资源为免费资源,请先
本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
打赏
下载价格:免费
下载说明:本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
0

评论0

请先

没有账号? 忘记密码?

社交账号快速登录