设为首页收藏本站
开启辅助访问 切换到宽版
快捷导航 发布信息
搜索
搜索附件  
自丢网 › 附件中心 › 模板下载 › 网页特效 › 菜单导航代码 ›jQuery电商网站左侧商品分类导航菜单代码.zip

板块导航

热门下载

左侧广告
版权所有：自丢网
For 2020-2050 © zidiu.com

jQuery电商网站左侧商品分类导航菜单代码.zip

 

jQuery电商网站左侧商品分类导航菜单代码:


jQuery电商网站左侧商品分类导航菜单代码，一款购物商城常用的网站左侧导航悬停显示更多分类、热门分类和商家品牌logo布局样式

  1. js代码

  3. <script type="text/javascript">
  4. $(function() {
  5.         var $top = $('.sec-mainNav').offset().top + $('.sec-mainNav').height()
  6.         //左侧导航动画
  7.         $('.sec-mainNav li').on('mouseenter', function() {
  8.                 var $height = $(this).offset().top + $(this).find('.menu-panel').outerHeight();
  9.                 $(this).find('.menu-panel').show();
  10.                 if($height - $top >= 0) {
  11.                         $(this).find('.menu-panel').css({
  12.                                 top: -($height - $top) + 'px'
  13.                         })
  14.                 }
  15.         });
  16.         $('.sec-mainNav li').on('mouseleave', function() {
  17.                 $(this).find('.menu-panel').hide();
  18.         });
  19. });
  20. </script>
复制代码