ページをふわぁっと移動

1303981886_bd4ea87a41_o

head-/head内にコピペ

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>

<フェード実行 head内に設置/p>

<script type="text/javascript">
var i = 0;
var int = 0;
$(window).bind("load", function() {
    $('#wrap').fadeIn(100); // フェードインの実行
    var int=setInterval("sFade(i)",100);  // ミリ秒ごとにフェードインの処理の実行
});
function sFade() {
    if (i >= 1) {
        clearInterval(int); // setIntervalの解除
    }
    i++;
}
</script>

ふわっと範囲をしてい　ページ全体をふわっとするなら

<body>
<div id="wrap">
...中略...
</div><!-- /wrap -->
</body>

cssで非表示

#wrap {
    display: none;
}