Jqueryアニメーションの問題

animation colors jquery
Jqueryアニメーションの問題

このおそらく簡単な問題をどのように解決できるのだろうか。

backgroundcolorをスムーズに変更するために、colorプラグインをインストールしました。 しかし、Imが短い時間内に数回ホバリングすると、スタックのようにアニメーションを繰り返して繰り返します。 どうすれば修正できますか? 何か案が?

$("#page-bar > ul > li").mouseenter(function(){
      $(this).animate({
                    backgroundColor: "#3c78a7"
                }),500;
            }).mouseleave(function(){
                $(this).animate({
                    backgroundColor: "#333333"
                }),500;
            });

  2  0


ベストアンサー

_stop()_を使用して、要素の現在のアニメーションを停止します。 http://api.jquery.com/stop/

2


$("#page-bar > ul > li").mouseenter(function(){
      $(this).stop().animate({
                    backgroundColor: "#3c78a7"
                }),500;
            }).mouseleave(function(){
                $(this).stop().animate({
                    backgroundColor: "#333333"
                }),500;
            });

0


タイトルとURLをコピーしました