Posted in Javascript onApril 28, 2014
$(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'); }); });
jquery实现带二级菜单的导航示例
声明:登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。
Reply on: @reply_date@
@reply_contents@