セカンダリ menu_jquery を使用したナビゲーションの jquery 実装例

复制代代码如下:

$(document).ready(function () {
$('#Top .Toolbar1 .CentreBox .Menu .List1 li').mouseenter(function () {
varindex = $(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 () {
varindex = $('#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');
});
});