我有一个小的 jQuery 动画,当鼠标悬停在 :
时,它会在链接中淡出$(function() {
$('.delete').hide();
$('#photos img').hover(function() {
$(this).parents('li').children('.delete').fadeIn('fast');
}, function() {
$(this).parents('li').children('.delete').fadeOut('fast');
});
});
但如果我快速将鼠标移入和移出图像,新动画总是会添加到队列中,当我停下来时,我会看到链接跳动了一会儿。我尝试使用 .stop(true),但有时淡入淡出效果根本不起作用(或仅达到小于 1 的不透明度值)。我能做什么?
谢谢,埃里克
最佳答案
最好的方法是使用hoverIntent插入。这涉及上述问题。它还为动画添加了轻微的延迟,因此如果用户碰巧将鼠标快速移动到所有链接上,您不会看到所有链接的丑陋动画流。
关于javascript - jQuery - 悬停时淡入淡出动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1219013/