$('#drugiGumb').hover(
function () {
for (var i = 0; i < 60; i++) {
$('#drugiGumbSlika').delay(15).animate({ marginLeft: '-=149px' }, 1);
}
$('#drugiGumbSlika').animate({ marginLeft: '-8791px' }, 1);
}, function () {
$('#drugiGumbSlika').stop().animate({ marginLeft: '0px' }, 1);
}
);
大家好, 我的图像宽度为 8791px,它是一张图像中的动画。一帧是 149x85px。为了制作动画,我在上面创建了代码。我的问题是我无法在 mouseout 和动画 dosent 停止时停止循环。有什么想法可以实现吗?
提前致谢。
最佳答案
$('#drugiGumb').hover(function () {
for (var i = 0; i < 60; i++) {
$('#drugiGumbSlika').delay(15).animate({
marginLeft: '-=149px'
}, 1);
}
$('#drugiGumbSlika').animate({
marginLeft: '-8791px'
}, 1);
}, function () {
$('#drugiGumbSlika').stop(true,true).animate({
marginLeft: '0px'
}, 1);
});
关于jquery - .hover() onmouseout breake for(){},我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19929982/