首先我使用的是wordpress,但这只是我使用的平台。归结为命中状态的问题..
带有子导航的主菜单,当翻转一个菜单项时,有一个单独的 div 会在背景中淡出,而 rollout 会淡出
但是,如果您快速移动到命中状态和褪色,则存在一些错误,然后褪色不完整,如果通过子导航链接,它会使背景 div 褪色...
这是 js 用来
$("#main-navigation li, #menu-footer-nav li").hover(
function () {
$(".nav-overlay-bottom").stop(true).fadeIn('slow');
},
function () {
$(".nav-overlay-bottom").stop(true).fadeOut('slow');
}
);
我还应该提到,在一个菜单上,它会淡入与其他菜单不同的 bg div...
$("#menu-item-1260").hover( function () {
$(".nav-overlay").stop(true).fadeIn('slow');
//$("#header").addClass("border-hover-top");
},
function () {
$(".nav-overlay").stop(true).fadeOut('slow');
//$("#header").removeClass("border-hover-top");
}
);
我的 js 不是很好,所以我确定有更好的方法来写这个吗?