連載
» 2010年08月27日 00時00分 公開

連載:jQuery逆引きリファレンス:第10回 jQuery 1.4編 (7/17)

[山田祥寛(http://www.wings.msn.to/),著]



「連載:jQuery逆引きリファレンス」のインデックス

連載目次


 delayメソッドを利用することで、アニメーションの途中に一定期間(durationミリ秒)の休止状態を挟むことができます。

 以下は、アイコン画像をフェードアウトした後、2000ミリ秒だけ休止し、またフェードインする例です。

<script type="text/javascript">

$(function() {

  // フェードアウト→休止→フェードイン
  $('div').fadeOut(3000).delay(2000).fadeIn(3000);

});

</script>

  ……中略……

<div>
  <img src="http://www.wings.msn.to/books/978-4-7981-1957-1/978-4-7981-1957-1_logo.jpg" alt="ASP.NET" />
</div>

リスト136 フェードアウト→休止→フェードインを実行(Delay.html)
このHTMLを実際にブラウザで開く


ブラウザで開く

リスト136の実行結果

 引数durationにはミリ秒のほか、'fast'、'slow'のような文字列を指定することもできます。

Copyright© Digital Advantage Corp. All Rights Reserved.

RSSについて

アイティメディアIDについて

メールマガジン登録

@ITのメールマガジンは、 もちろん、すべて無料です。ぜひメールマガジンをご購読ください。