[jQuery]コンテンツをふわっとフェードインさせる。

カテゴリー:
jQuery
タグ:

ページ読み込みが完了した後、指定した要素(サンプルではli要素)を時間差で順番にフェードインするスクリプトを作ってみました。

demo

ローディング画像をページのデータをロード後に削除し、その後li要素をfadeIn()でふわっとフェードインさせます。for文を使ってひとつずつタイミングをずらして次々にフェードインしていきます。

以下のサイト記事を参考にさせて頂きました。

jQueryでページ遷移時にフェードインフェードアウトの効果をつける (wald-grun/blog)
ソースコピーで簡単に使えるCSS3とjQueryで作るローディングページ作りました | HTML5でサイトをつくろう

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

コメント

[…] jQueryでコンテンツがふわっとフェードインするエフェクトを作ってみました。 « StellaDesign […]

2013/06/0713:56 | jQueryを使ったフェードに関するメモ | ダイジブログ