jQuery仿天猫商城商品分类导航菜单切换代码

jQuery仿天猫商城商品分类导航菜单切换代码

导航菜单 141 0 素材码官方
    当前位置：
  1. 首页
  2. 网站特效
  3. 导航菜单

jQuery仿天猫商城商品分类导航菜单切换代码

一款很实用的jQuery仿天猫商城商品分类导航菜单切换代码，鼠标滑过切换菜单分类，适用于分类比较多的大型商城首页。

源码介绍

js代码

$(function() {       $('.containor').on('mouseenter', function() {         $(".nav_right").removeClass('hide');     }).on('mouseleave', function() {         $(".nav_right").addClass('hide');         $(".sub").addClass('hide');     }).on('mouseenter', 'li', function(e) {         var li_data = $(this).attr('data-id');         $(".sub").addClass('hide');         $('.sub[data-id="' + li_data + '"]').removeClass('hide');     })  })
全选代码
复制


分享到 :
jQuery医院网站顶部导航下拉菜单代码
上一篇 2018-05-05 15:57:19
一款jQuery支持单选和多选的多条件分类筛选代码
2018-07-07 12:20:11 下一篇

发表评论

登录... 后才能评论