1

画像ホバーの上にポップアップタイトルを提供するために次のコードを使用しています

<script type="text/javascript">
     var jq = $.noConflict();
     jq(document).ready(function(){
     jq(".package-images").mouseover(function(){
     jq(this).addClass("title-effect");
     jq(this).addClass("image-effect");
      jq(".package-images").mouseout(function(){
     jq(this).removeClass("title-effect");
      jq(this).removeClass("image-effect");
     });
    });
   });
  </script>

うまく機能しますが、これらの効果の速度を制御するにはどうすればよいですか。基本的にタイトルエフェクトはゆっくり発生させたい。

4

3 に答える 3

2

変更を 1 秒間アニメーション化する場合は、次のようにします。

$(this).addClass("title-effect", 1000);

変更を 1 秒遅らせたい場合は、次のようにします。

$(this).delay(1000).addClass("title-effect");
于 2012-11-23T08:58:22.937 に答える
1

setIntervalメソッドの使用を検討してください。

例：

function changeColor() {
  nIntervId = setInterval(flashText, 500);
}

または、次の 2 番目のパラメーターとして配置することもできますaddClass。

$(this).addClass("title-effect", 1000);
于 2012-11-23T08:56:21.783 に答える
1

jQuery UI ドキュメントによると、 addClass()orの 2 番目の引数でアニメーションの継続時間を設定できますremoveClass()。

$(this).addClass("title-effect", 1000);
$(this).removeClass("title-effect", 1000);

間隔：

アニメーションの実行時間を決定する文字列または数値。

于 2012-11-23T08:56:36.990 に答える