顯示之前的網頁加載

-1

通常情況下，網頁加載圖像就像向下滾動一樣。我不希望我的網站的訪問者看到它。我正在尋找一個腳本，將加載我的網頁，然後它會完全顯示。我已經放了一個淡入效果，但加載的圖像是滾動，也是我的背景圖像。顯示之前的網頁加載

問題：

是否有一個腳本？

什麼是最好的腳本使用？ PHP還是JavaScript？

來源

2010-01-16 Jorge

如果你可以用PHP來做，那麼你可以用純HTML來做，因爲當頁面用PHP編寫腳本時，所有客戶端都會看到HTML。 – 2010-01-16 20:30:47

這是一個方法，http://developer.yahoo.com/yui/examples/container/panel-loading.html

基本上你可以用一個隱藏的DIV的內容，然後在體內的onload事件取消隱藏它。

來源

2010-01-16 19:58:28 jspcal

謝謝。這就是我要找的。 – Jorge 2010-01-16 20:13:22

您可以用「Please wait ...」div覆蓋您的頁面，並在加載頁面時將其淡入淡出狀態。您可以使用JQuery的ready事件來隱藏div。

這樣做的不足之處在於關閉JavaScript的用戶永遠不會看到該頁面，但只能看到「請稍候...」消息。

爲了使JavaScript的用戶也能夠正常工作，您需要在文檔加載的非常早期階段使用JavaScript顯示「請稍等...」div，這非常難以實現。如果您在「請稍等」div後面但在實際頁面內容之前放置了<script>標記，它可能會起作用。

來源

2010-01-16 19:59:48

，或者你可以添加這個圖片..的1x1像素的頁頭小副本的和褪色，或隱藏或z-index的-100 /瀏覽器會下載這款全尺寸圖像

來源

2010-01-16 20:04:21 Falcon

使用此代碼：

<body onload="document.getElementById('loading').style.display = 'none';document.getElementById('content').style.display = 'block';"> 

<div id="loading">Some loading text or icon goes here...</div> 

<div id="content" style="display:none;">Main content goes here...</div>

來源

2010-11-17 11:03:54

顯示之前的網頁加載

回答

相關問題