我正在组建一个网站,客户在快速链接滚动条中请求了一个非常具体的动画。
我已经使用了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');
});
任何帮助都会非常感激我很困惑......我也曾在其他悬停效果上发生这种情况
答案 0 :(得分:1)
在.animate,.fadeIn和.fadeOut
之前尝试.stop(true,true)
答案 1 :(得分:0)
如果您在上次动画完成之前悬停,则会在元素上发生此错误。如果它有助于在开始新动画之前停止动画,那么对我的第一次尝试就是尝试:
$(this).children('div.qlink_glow').stop(true,true).fadeIn('fast');
我必须测试它,不能确定这是否有效,只是你可以试试的可能性。