jquery淡入和淡出的不透明度问题

Question

http://dl.dropbox.com/u/921159/desktopography/index.html

我正在建立一个壁纸博客，并尝试使用 jquery 来显示/隐藏下载链接(我是新手)。问题是，如果您将鼠标悬停在图像上并让链接淡入，然后在其淡出时快速将鼠标悬停并重新打开...链接将停止在当前的不透明度处。当用户随意将鼠标悬停在图像上并且不透明度卡在 0 时，这最终会成为一个问题。是什么原因导致的？

Answer 1

动画 .stop() 方法中的

clearQueue 默认为 false ( see API )，但您希望它为 true 因为您希望清除当前动画并让它启动新的悬停状态动画。按如下方式更改您的代码:

$(function() {
    $('.wallpaper').hover(function() {
        $(this).children('p').stop(true, true).fadeIn(300);   
    }, function() {
        $(this).children('p').stop(true, true).fadeOut(400);
    });
});