我设置了一个典型的导航栏,当您将鼠标悬停在一个元素(“我们的团队”)上时,会出现一个下拉列表(使用下面的 jquery):
$("li#menu-item-20").hover(function(){
$("#dropdown").stop().fadeIn(500);
}, function(){
$("#dropdown").stop().fadeOut(500);
});
然后,当您将鼠标悬停在下拉菜单 ( #dropdown
) 上时,下拉菜单会淡出(因为我将鼠标悬停在菜单项之外)导航菜单。
有任何想法吗?您可以在http://pixelcakecreative.com/cimlife/看到一个工作示例