fadeIn

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

●フォルダ構造(jqueryの読み込み場所に注意)
スクリーンショット 2014-09-24 22.10.50

<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全体が徐々にフェイドインするアニメーションが実装できます.

カテゴリー: ALL, Javascript, メモ パーマリンク