How to make this page transition fluid?
<p>I want to create a fade out, fade in effect between page transitions.</p>

<p>I use this code to fade in:</p>

<pre><code>$(window).load(function () {
  $(document.body).fadeIn("fast");
});
</code></pre>

<p>And this code to fade out:</p>

<pre><code>$(window).unload(function() {
  $(document.body).fadeOut("fast");
});
</code></pre>

<p>The code does work but the transition does not execute fluidly. How can I make the fading more fluid, so that it looks like a natural motion?</p>
