0

我正在整理一个网站，客户在快速链接滚动条中请求了一个非常具体的动画。

我已经使用 jquery animate 和 jquery fadeIn 来完成悬停时的玻璃光泽和发光效果，但是当悬停一次或两次时（特别是如果连续快速完成），它会停止发生吗？

链接：http ://clientzone.fifteenten.co.uk/visioncode/html

$('.fadehover').append('<div class="hover"></div>');
$('.fadehover').hover(  
function() {    $(this).children('div.hover').animate({"left": "+=505px"}, 300);}, 
function() {  $(this).children('div.hover').css({left: "-=" + 505});    
});

$('.fadehover a').hover(    
function() {    $(this).children('div.qlink_glow').fadeIn('fast')}, 
function() {  $(this).children('div.qlink_glow').fadeOut('fast');    
});

任何帮助将不胜感激我很困惑......我在其他悬停效果上也发生过这种情况

4

2 回答 2

1

.stop(true,true)在 .animate、.fadeIn 和 .fadeOut 之前尝试

于 2013-05-03T10:56:15.040 回答
0

如果您在最后一个动画完成之前将鼠标悬停在您的元素上，则会出现此错误。如果它有助于在开始新动画之前停止动画，我的第一次尝试是尝试：

$(this).children('div.qlink_glow').stop(true,true).fadeIn('fast');

我必须对其进行测试，不能确定这是否可行，只是您可以尝试的可能性。

于 2013-05-03T10:55:24.830 回答