微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

jquery不透明度与fadein和fadeout的问题

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

我正在构建一个壁纸博客并尝试使用jquery来显示/隐藏下载链接(我是新手).问题是,如果你将鼠标悬停在图像上并让链接淡入,那么当它逐渐淡出时快速盘旋并重新开启……链接将停止在当前处于不透明度的位置.当用户随意地悬停在图像上并且不透明度被卡在0时,它最终会出现问题.是什么导致这种情况?

解决方法

动画中的clearQueue .stop()方法认为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);
    });
});

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐