通過 jQuery 使用淡出 div 作為啟動畫面？

Question

在頁面加載時顯示 div 的腳本使用 jQuery 來模擬閃屏？

Answer 1

那很簡單！ 您可以使用 jQuery fadeOut() ：這是代碼：

CSS

#splashscreen {
    height: 100%;
    width: 100%;
    z-index: 99;
}

上面的 CSS 將使啟動畫面填滿整個頁面並高於一切。

jQuery 劉先生

$(window).load(function() {
    $('#splashscreen').fadeOut('slow');
});

它將做的是，當它檢測到頁面已加載時，它會慢慢淡出閃屏 div。

HTML

<div id="splashscreen">
    Put your splashscreen content here. It can be anything!
</div>

這就是創建啟動畫面所需的全部內容。 不幸的是，這不能在 JSFiddle 中模擬。

Answer 2

您可以在加載腳本的某些部分后通過調用函數來計時加載：

$(document).ready(function() {
    var oneLoaded;
    function partOneLoaded() {
        oneLoaded = 1;
        loadReady();
    }
    var twoLoaded;  
    $('div').load('../inc/salesstatus.php, function() {
        twoLoaded = 1;
        loadReady();
    });      
    function loadReady(){
        if (oneLoaded == 1 && twoLoaded == 1)
            $('#loadcontainer').fadeOut('slow');
    }

/* ****rest of your script here  ****** */

// ie) at the end of your scripts: 

partOneLoaded();    

});

一旦加載了某些東西或運行了一個腳本，您就可以調用您的函數，它們都會嘗試調用 loadReady()。 只有最后一次嘗試才能成功淡出您的 div。 在腳本末尾放置一個調用，如果 loadcontainer 在加載其他內容之前淡出，則在尚未加載的項目末尾添加另一個 function。

我不會進入加載 div 的 css 和 html，因為它在您問題的 scope 之外。

你的問題很含糊。 將來，請提供更多詳細信息，以便我們更好地了解您的工作內容。