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

  

复制代码 代码如下:

  $(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');

  });

  });