2011-02-10 11 views
2

私はちょうど、ある色から別の色に前後に変化させることによって、何らかのテキストをちらつきにしようとかなりの時間を費やしました。シンプルに聞こえるが、恐ろしく難しい。単純なことは、次のようなものになります。JQueryでちらつき効果の色をアニメーション化

$('#myElement').animate({color:black}, 100); 
$('#myElement').animate({color:white}, 100); 

これをループに入れて、5回繰り返します。 Jqueryのカラープラグインがインストールされていてもうまくいきません(エラーを報告するブラウザは停止しますが、コードは動作しません)。仕事を何

は、このいずれかになります。

ある
$('myElement').animate({top:0}, 100, function(){$('myElement').css('color','#000000');}); 
    $('myElement').animate({top:0}, 100, function(){$('myElement'.css('color','#ffffff');}); 

:その要素のCSS色の値を変更し、タイマーとして使用する以外、アニメーション機能には全く何もしません。それでおしまい。正常に動作します。

ところで、色を点滅させている間に何か他のことが起こらないようにするには、何らかのタイマーやフラグを設定する必要があります。ブラウザはマルチタスクを行い、色がちらつきながら並列に実行されます。たとえば、このメニューが表示されている間に別のメニュー項目を選択することを無効にする場合は、このアニメーションが完了するまで他の選択肢を無効にする必要があります。

答えて

4

チェーンあなたのアニメーション

$('#myElement').animate({color:black}, 100).animate({color:white}, 100); 

あなたはアニメーションが.stop()

$('#myElement').stop(); 
のjQueryを使う実行を停止する場合
関連する問題