jQuery动画只能工作一次或两次?

时间:2013-05-03 10:37:26

标签: javascript jquery html css jquery-animate

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

我已经使用了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');    
});

任何帮助都会非常感激我很困惑......我也曾在其他悬停效果上发生这种情况

2 个答案:

答案 0 :(得分:1)

在.animate,.fadeIn和.fadeOut

之前尝试.stop(true,true)

答案 1 :(得分:0)

如果您在上次动画完成之前悬停,则会在元素上发生此错误。如果它有助于在开始新动画之前停止动画,那么对我的第一次尝试就是尝试:

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

我必须测试它,不能确定这是否有效,只是你可以试试的可能性。