0

クライアントがクイックリンク スクローラーで非常に具体的なアニメーションを要求したサイトをまとめています。

jquery animate と jquery fadeIn を使用して、ホバー時にガラスの輝きとグロー効果を完成させましたが、ホバーを 1 回または 2 回 (特にすばやく連続して実行した場合) すると、停止しますか?

リンク: 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 に答える