源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

jquery实现带二级菜单的导航示例

  • 时间:2020-04-28 13:58 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:jquery实现带二级菜单的导航示例
[u]复制代码[/u] 代码如下:
$(document).ready(function () {     $('#Top .Toolbar1 .CentreBox .Menu .List1 li').mouseenter(function () {         var index = $(this).parent().children().index(this);         $(this).parent().children().each(function () {             if ($(this).hasClass('Select')) {                 $(this).removeClass('Select');             }         });         $(this).addClass('Select');         $('#Top .Toolbar2 .CentreBox .Menu').each(function () {             if (!$(this).hasClass('Hide')) {                 $(this).addClass('Hide');             }         });         $('#Top .Toolbar2 .CentreBox .Menu').eq(index).removeClass('Hide');     });     $('#Top .Toolbar2 .CentreBox .Menu ul li a').mouseenter(function () {         var index = $('#Top .Toolbar2 .CentreBox .Menu ul li a').index(this);         $('#Top .Toolbar2 .CentreBox .Menu ul li').each(function () {             if ($(this).hasClass('Select')) {                 $(this).removeClass('Select');             }         });         $(this).parent().addClass('Select');     }); });
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部