jQuery基本チュートリアル

jQuery効果

jQuery操作メソッド

jQuery遍歴

jQueryAjax

jQuery雑多

jQueryのリファレンスマニュアル

jQueryのHTML/CSSメソッド jQueryのエフェクトメソッド

jQuery効果delay()メソッド

jQueryのエフェクトメソッド

delay()メソッドは、クエueueに続くプロジェクトの実行を遅延させるタイマーを設定します。

文法：

$(selector).delay(時間, キュー名)

例

delay()メソッドに異なる速度値を設定します：

例

$("button").click(function(){
　　$("#div1）。遅延（「slow」）。フェードインします；
　　$("#div2）。遅延（「fast」）。フェードインします；
　　$("#div3）。遅延（1000）。フェードインします；
　　$("#div4）。遅延（2000).fadeIn();
　　$("#div5）。遅延（3000).fadeIn();
});

テストを見て‹/›

2つのdivの上下スライドアニメーションを行い、表示「 div1」の前にその遅延を指定：

例

$("button").click(function(){
　　$("#div1).slideUp(300).delay(800).slideDown(400);
　　$("#div2).slideUp(300).slideDown(400);
});

テストを見て‹/›

delay()とanimate()を同時に使用：

例

$("button").click(function(){
　　$("div").animate({width:　"500px"});
　　$("div").delay(1000).animate({fontSize:　"5em"});
});

テストを見て‹/›

パラメータの値

パラメータ	説明
duration	（オプション）次の項目を実行する前にキューで指定するミリ秒数可能な値：ミリ秒（例えば100、500、2000など）「fast」「slow」
queueName	（オプション）キューの名前を指定します。デフォルトはfx、標準の効果キュー

jQueryのエフェクトメソッド

jQueryのHTML/CSSメソッド jQueryのエフェクトメソッド