アクセス時の画面全体のフェイドインの設定です.急に画面が切り替わるのでなく徐々に変化することで,全体をやわらかく感じさせることができます.
→サンプルページ
<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全体が徐々にフェイドインするアニメーションが実装できます.