傳出頁面和加載頁面上的「Splash Screen Div」

我已經知道如何爲加載頁面執行「Splash Screen Div」，只需等待所有內容加載完畢，然後隱藏div或將其移出屏幕即可。傳出頁面和加載頁面上的「Splash Screen Div」

E.g.上述

的index.html

<div id="loading-Div"> 

     <div id="bear-Logo"> 

      <div id="target"> 
       <div id="target2"> 
        <div id="bearloop"></div> 
       </div> 
      </div> 

     </div> 

    </div>

loading.css

Just a class called 'fallback' to move the absolute-ly positioned div offscreen.

loading.js

$(window).load(function(){ 

    $('#loading-Div').addClass('fallback'); 

});

是一個相當CRU例如「加載Splash Screen Div」，我不知道還有什麼要調用它，<head>中的.css和.js中的標籤結束之前導入了.css。

這工作正常，如果你點擊一個鏈接，並希望在頁面加載時顯示div，但我希望div顯示第二個鏈接點擊，直到目標頁面加載。

工作流程：

http://i.imgur.com/dIOZSMS.jpg

要點：

我有一種感覺，這是唯一可能與瀏覽器插件，因爲：

鏈接不是到另一個div的錨點。例如。 url#div -> url#div2
基於上述情況，假設該鏈接指向另一個.html頁面，則當前顯示的內容將......基於本質上顯示頁面的方式停止。

需要注意的是：

這是嚴格現場內。
我不在乎IE。
這不是作業，也不是客戶。我正在學習web開發，並認爲這本身就是一個很酷的頁面轉換，並且無法弄清楚如何很好地完成它。

我寧願不做有動畫和回調送出鏈路顯示DIV，然後導入鏈接以顯示DIV作爲僞造連貫的動畫，主要是因爲它不會是一致的，除非第二頁的下載是即時的，因爲即使前者是這種情況，代碼太多，因此文件大小也會變成任何div顯示的連貫動畫。

任何想法傢伙？我非常沉迷於此。

來源

2013-07-21 tsujp

不！不要使用啓動畫面！ –

由於您的Javascript是在底部，它會在頁面後異步加載。

的index.html

我不明白你爲什麼嵌套的DIV的方式。網頁是否會加載徽標元素？

loading.css

隨着移動DIV關閉屏幕，是動畫的一部分？

$(".fallback").animate({top: "+=400px", opacity: 0}, 1000);

loading.js

如果你想在點擊鏈接後顯示元素，只是做了沒有window.load功能。

http://jsfiddle.net/Etd2D/

來源

2013-07-21 09:36:41

div裏面的內容是一個SVG（如果我記得）需要3個嵌套div來進行硬件加速的動畫。 .css規則主要針對主要div，而不是內部元素。本質上，我要求在多個頁面上的div。 – tsujp

傳出頁面和加載頁面上的「Splash Screen Div」

回答

相關問題