WEB制作のメモ帳

衆トップページ -> WEB制作のメモ帳 -> jquery -> jqueryでフェードインを実現

jqueryでフェードインを実現

2011-04-30

jquery

jqueryでフェードインを実現

ページの読み込み時にフェードインを実行できるスクリプトがあったのでメモ。
ビジュアルメインのサイト等では構成が単調になりがちなので、表示方法を変えるだけでも効果的です。

無料ホームページ素材

SOURCE
■javascript
$(document).ready(function() {
$('#wrapper').fadeIn("slow");
});
※「slow」の部分の数字を大きくするほどゆっくりと表示する

■HTML
<div id="wrapper">
ここにコンテンツ
</div>

■CSS
#wrapper{
display: none;
}

WEB制作の定番書