2012-01-20 7 views
3

ページ遷移間のフェードイン、フェードインを作成したいと思います。このページ遷移液の作成方法は?

$(window).load(function() { 
    $(document.body).fadeIn("fast"); 
}); 

そしてフェードアウトするには、このコード:

私がフェードインするために、このコードを使用し

$(window).unload(function() { 
    $(document.body).fadeOut("fast"); 
}); 

コードが作業を行いますが、遷移が流動的に実行されません。フェイディングをより流動的にすることで自然な動きのように見えるのですか?

+1

?あなたは "流動性"または "流動性"を言っていますか?私は流体を仮定しています、すなわち、フェードは不安定であり、*滑らかではありません。 – Jakub

答えて

2

これを行う方法の様々な例はあなたに私はここで良いの参照にあなたを指すようにつもりですeampleを与えるCSSやJSコードを掲示する短い、があります。どのような間

http://www.onextrapixel.com/2010/02/23/how-to-use-jquery-to-make-slick-page-transitions/

差が上記の例では、デフォルトのリンクアクションを停止してトランジションを作成し、トランジションが完了するとデフォルトを再開します(リンクをロードするなど)。

あなたは、それは単にあなたがコントロールの上に持っていないページの移行の瞬間であるとして切り取られますページのアンロード、火災あなたのケースで

0

HTMLアニメーションは、マシンとブラウザとブラウザによって大きく異なります。あなたができる最善のことは少し遅くすることです。

関連する問題