JQuery的動畫

重定向使我的網站的移動版本，我有兩個頁面「page1.html」和「page2.html」我做了一個重定向JQuery的動畫

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

我想要做一個動畫，網頁2從頁面頂部緩慢出現，我可以做到嗎？

來源

2014-12-04 AiD

聽起來像是將page2.html的加載到div的AJAX請求加載到屏幕外，然後將它放入其中。如果使用'window.location'離開，您將無法獲得該內容。 – philtune 2014-12-04 17:48:51

我在我的網站上有類似的東西 - http://andrewdunai.com，嘗試導航那裏的菜單。它使用我的SlideJS插件：https://bitbucket.org/AndrewDunai/slidejs/wiki/Home，您可以嘗試檢查它並編寫類似的插件。 – 2014-12-04 17:50:25

您可以重定向到URL並使用動畫顯示document.ready上的頁面 – 2014-12-04 18:00:01

如果你不關心地址欄中的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是很重要的攔截所有鏈接點擊和改變頁面使身體淡出然後在所有其他頁面之前使身體看不見，消除它在頁面加載 - 它應該做的伎倆具有相同的視覺效果。

來源

2014-12-04 18:01:38

回答

相關問題