我有一个 div,它在悬停(和悬停)时淡入/淡出页面上的另一个元素。问题是没有什么可以阻止用户快速悬停并移出并导致动画排队。
这是我的代码:
<div class="hovertest">test</div>
<div class="test">test2</div>
Jquery:
$("div.hovertest").hover(
function () {
$(".test").fadeOut();
},
function () {
$(".test").fadeIn();
});
CSS:
div {
width:200px;
height:100px;
background-color:#B22;
}
这是 jsfidde 的链接:http://jsfiddle.net/btEXH/
最佳答案
您想要使用stop函数并为clearQueue和jumpToEnd传递true。
$("div.hovertest").hover(
function () {
$(".test").stop(true, true).fadeOut();
},
function () {
$(".test").stop(true, true).fadeIn();
});
关于Jquery,防止排队动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8135711/