頁面轉換效果到外部URL

Question

我有兩個彼此密切相關的領域。 因此，我在頁面的右上角放置了一個固定框，以便用戶可以在兩個站點之間快速跳轉。 但是，我想向此操作添加頁面過渡，以便當用戶單擊框中的鏈接時，網站將正常過渡到新URL。

我知道您可以通過JQuery Mobile（ http://demos.jquerymobile.com/1.1.0/docs/pages/page-transitions.html ）對內部頁面執行此操作，但是限制是鏈接必須為ajax，並且不能被激活為新的URL。

有誰知道如何做到這一點？ 理想情況下，我想使用“流”或“幻燈片”過渡。 但是，我將采用您可以提供的任何示例或參考，並使其適應我的需求。

該解決方案不一定需要是jQuery，它可以是javascript，HTML 5，CSS或任何其他可行的解決方案。

謝謝，〜安德魯

Answer 1

對我來說，它將像這樣工作：

偽HTML：

<body>
   <div id="page1"> <!-- Content goes here --> </div>
</body>

偽JQuery：

on AJAX complete {
   var newID
   var oldID
   if ($('#page1').length) { // Work out old and new ID's
      newID = 'page2'
      oldID = 'page1'
   } else {
      newID = 'page1'
      oldID = 'page2'
   }
   $('body').append('<div id="' + newID +'" style="display:none;">' + DataFromAjaxCall + '</div>') // Append the body with a hidden div containing new content
   $('#' + oldID).fadeOut(400, function() { // Fade the old one out and then remove it
      $(this).remove();
   });
   $('#' + newID).fadeIn(400); // Fade the new one in
}

頁面轉換效果到外部URL

問題描述

1 個解決方案

解決方案1
0 2014-06-04 15:59:42

頁面轉換效果到外部URL

問題描述

1 個解決方案

解決方案1 0 2014-06-04 15:59:42

解決方案1
0 2014-06-04 15:59:42