http://www.izrada-weba.com/orso http://www.izrada-weba.com/orso将鼠标悬停在链接“NENATKRIVENA TERASA...”上时,子菜单和图像一起淡入。子菜单使用一些下载的脚本淡出,上面的图像使用我的代码淡出:
$(document).ready(function () {
$("#slika1").hide();
$("#test,#submenu2").hover(
function () {
$("#slika1").fadeIn();
},
function () {
$("#slika1").fadeOut();
}
);
});
当鼠标悬停在链接上时,图像会淡入,当鼠标移动到子菜单时,图像会淡出,然后再次淡入...我知道为什么会这样,但我不知道如何使其在直接移动鼠标时不淡出从链接到子菜单。
有什么解决办法吗?
谢谢,
岛
函数 stop() 将停止指定元素上当前正在运行的任何动画。
尝试修改您的鼠标悬停功能:
$("#slika1").stop().fadeIn();
Edit:
子菜单似乎没有完全消失(参见 ile 的评论)。在我看来,这似乎是一个 jQuery bug,但我不确定。也许有人可以插话并解释为什么会发生这种情况。
要解决这个问题,请尝试使用 fadeTo();它似乎产生了预期的结果:
$(document).ready(function () {
$("#slika1").fadeTo(0,0);
$("#test,#submenu2").hover(
function () {
$("#slika1").stop(true).fadeTo("normal",1);
},
function () {
$("#slika1").fadeTo("normal",0);
}
);
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)