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

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

demo

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

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

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

コメントをどうぞ!

コメント

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

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