fadeIn

アクセス時の画面全体のフェイドインの設定です．急に画面が切り替わるのでなく徐々に変化することで，全体をやわらかく感じさせることができます．
→サンプルページ

●フォルダ構造（jqueryの読み込み場所に注意）

<script src="js/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript">
	//起動前の設定//
	$(document).ready(function(){
		//起動前にbody全体の透明度を0似設定する．
		$('body').animate({opacity: "0"},0);
	});
	//起動後の設定//
	$(window).load(function(){
		//起動後にbodyの透明度を1（100%）に徐々に変化させる
		$('body').animate({opacity: "1"},750);
	});
</script>

使用するにはheadタグ終了の直前でscriptタグを使用してjquery.min.js（jQuery本体）を読み込みます．3行目$(document).readyは起動前の処理です．ここでbody全体の透明度を0に設定し，透明にしておきます．8行目の$(window).loadの起動直後の処理でbodyの透明度を100％に設定します．上記でアクセス後にbody全体が徐々にフェイドインするアニメーションが実装できます．