Q:

JQuery redirect with animation

I make a mobile version of my website, I have two page "page1.html" and "page2.html" I made a redirection
window.location.href = "/page2.html";

I want to do an animation , page 2 appears from the top of the page slowly , can i make that ? 

A:

If you don't care about the url in address bar either start using jQuery Mobile, which delivers smooth transitions between pages, or do an AJAX request and load it into f.ex.  body tag. 
$.ajax({
           type: "POST",
           url: page2.html,
           success: function(data)
           {
            $('body').fadeOut(1000, function(){
            $('body')
                .empty()
                .html(data)
                .fadeIn(1000);
            })
        }
    });

If URL is important intercept all link clicks and before changing page make body fadeOut then in every other page make body invisible and fade it in on page load - it should do the trick with the same visual effect.