時間差で文字列を順番に表示

遅延処理により時間差を発生し徐々に表示

上から下へ順に表示。

jQuery

$(function () { $('p').hide().each(function(i){ // 遅延処理 $(this).delay(i * 500).fadeIn('slow'); }); });

サンプル

下から上へ順に表示。

jQuery

$(function () { $('p').hide().each(function(i){ // 遅延処理 $(this).delay(2500 - i * 500).fadeIn('slow'); }); });

サンプル

最新の記事

プロフィール

流されるままにウェブ業界で仕事しています。主にLAPP環境でPHPを書いています。最近はjQueryで遊んでいます。
※動作確認について