Jquery图像淡出

我正在使用这个jquery来尝试淡出我的图像并显示下面的内容。它的工作原理非常完美，除非你在上面多次悬停。然后它就开始发疯，开始一次又一次地进进出出。我能做些什么吗

$('#contentPosters li').hover(function(){
    $(this).find('img').fadeOut();
}, 
function(){
    $(this).find('img').fadeIn();
});

对。在动画函数之前添加“stop（）”

$('#contentPosters li').hover(function(){
    $(this).find('img').stop().fadeOut();
}, 
function(){
    $(this).find('img').stop().fadeIn();
});

好的，从技术上来说，上面的方法是可行的，但我认为更好的方法是

var delay = 200;
$('#contentPosters li').hover(function(){
    $(this).find('img').dequeue().fadeTo(delay,0);
}, 
function(){
    $(this).find('img').dequeue().fadeTo(delay,1);
});

对。在动画函数之前添加“stop（）”

$('#contentPosters li').hover(function(){
    $(this).find('img').stop().fadeOut();
}, 
function(){
    $(this).find('img').stop().fadeIn();
});

好的，从技术上来说，上面的方法是可行的，但我认为更好的方法是

var delay = 200;
$('#contentPosters li').hover(function(){
    $(this).find('img').dequeue().fadeTo(delay,0);
}, 
function(){
    $(this).find('img').dequeue().fadeTo(delay,1);
});

使用stop（）和fadeTo

stop（）用于停止当前动画

fadeTo（）用法是因为当您在fadeIn/淡出过程中停止动画时，不透明度不会重置为100%，并且随着时间的推移，图像将变得不可见

使用stop（）和fadeTo

stop（）用于停止当前动画

fadeTo（）用法是因为当您在fadeIn/淡出过程中停止动画时，不透明度将不会重置为100%，并且随着时间的推移，图像将变得不可见。

尝试使用.fadeToggle（'fast'），它已覆盖所有捕捉

看起来stop（）不适用于默认的.fadeToggle，因为它会在不透明度达到一半时停止动画

$('#contentPosters li').hover(function(e) {
    $(this).find('img').stop().fadeTo(200,'mouseleave'==e.type)
});

http://jsfiddle.net/rkw79/w2vus/

编辑：新小提琴现在可以使用了

最新更新：这是最干净的解决方案

尝试使用.fadeToggle（'fast'），它覆盖了所有捕获

看起来stop（）不适用于默认的.fadeToggle，因为它会在不透明度达到一半时停止动画

$('#contentPosters li').hover(function(e) {
    $(this).find('img').stop().fadeTo(200,'mouseleave'==e.type)
});

http://jsfiddle.net/rkw79/w2vus/

编辑：新小提琴现在可以使用了

最新更新：这是最干净的解决方案

---

---

这似乎很有效，只是因为某些原因，现在有时当我的鼠标离开时，它不会再次显示img。@Jacinto Right，用户在发布代码之前没有检查功能。嗯……Jo我尝试了你的新代码，它不会褪色回图像@阿维塔曼他做错了什么？对不起，我的第二行是法德托而不是法德因。。。更新code@Jo为什么做得更好？同样，这样做也会导致与贝娄相同的问题，我有一个不再可点击的链接。除了某些原因之外，这似乎可以工作。现在，当我的鼠标离开时，它不会再次显示img。@Jacinto Right，用户在发布代码之前没有检查功能。嗯…乔：我尝试了你的新代码，它不会褪色回iamge@阿维塔曼他做错了什么？对不起，我的第二行是法德托而不是法德因。。。更新code@Jo为什么做得更好？同样，这样做也会导致与贝娄相同的问题，我有一个不再可点击的链接。除了下面的元素不起作用外，这似乎有效。我无法单击链接。fadeTo不会完全隐藏元素。使用此更新是的，这是我的错，认为这没关系，但我想我错了。不管怎样，谢谢你的帮助。另一方面，在快和慢之间有什么区别吗？除了下面的元素不起作用之外，这似乎是可行的。我无法单击链接。fadeTo不会完全隐藏元素。使用此更新是的，这是我的错，认为这没关系，但我想我错了。不管怎样，谢谢你的帮助。在旁注中，有没有介于快和慢之间的东西？不，它并没有“覆盖所有捕获物”。@avetarman，哇，你说得对。队伍乱了。我一直认为.toggle功能天生就可以处理这些问题。不，它并没有“覆盖所有捕捉”。@avetarman，哇，你说得对。队伍乱了。我一直认为.toggle特性天生就能处理这些问题。