JQuery的动画

Question

重定向使我的网站的移动版本，我有两个页面“page1.html”和“page2.html”我做了一个重定向

window.location.href = "/page2.html"; 

我想要做一个动画，网页2从页面顶部缓慢出现，我可以做到吗？

Answer 1

如果你不关心地址栏中的url，可以开始使用jQuery Mobile，它可以在页面之间提供平滑过渡，或者执行AJAX请求并将其加载到f.ex中。身体标签。

$.ajax({ 
      type: "POST", 
      url: page2.html, 
      success: function(data) 
      { 
      $('body').fadeOut(1000, function(){ 
      $('body') 
       .empty() 
       .html(data) 
       .fadeIn(1000); 
      }) 
     } 
    }); 

如果URL是很重要的拦截所有链接点击和改变页面使身体淡出然后在所有其他页面之前使身体看不见，消除它在页面加载 - 它应该做的伎俩具有相同的视觉效果。