加載對話框預加載頁面

我使用對話框，不作秀erorr事件對話框UI在網頁加載對話框預加載頁面

<div id="downloadcredit" style="width:100%;position:fixed;height:100%;min-height:overflow:hidden;background-color:rgba(127,127,127,0.4);display:none;" > 
<div style="text-align:right;width:466px;position:absolute;left:0;right:0;height:337px;min-height:overflow:hidden;background:url(images/creditbase.png);color:black;margin-left:auto;margin-right:auto;top:200px;font:16px behzad;"> 
<div style="width:100%;height:40px;background:transparent;font:20px behzad;padding-top:8px;color:#818181;text-align:center;"><span style="float:right;font:12px tahoma;font-weight:bold;color:#75797A;margin-right:15px;cursor:pointer;margin-top:6px;" onclick="$('#downloadcredit').slideUp('slow');">X</span></div> 
<div style="margin:175px auto 10px;width:95%;font:11px tahoma;text-align:center;color:white;line-height:165%;"> 

<p> Erorr Sample ... 
</div> 
</div> 
</div> 
<body onload="$('#downloadcredit').slideDown('1000');">

，但我的頁面加載速度慢和3或之後完成頁面加載對話框顯示:(4秒。任何方式顯示對話框的第一個和頁面加載在後臺？

來源

2012-11-25 behzad n

能不能請你把 –

http://jsfiddle.net/V6JTa/的代碼。請給我樣品。 –

我通常應用樣式「display：none」到目標容器，然後您可以使用.load（）函數並使用回調顯示您的容器填充與數據

基本上：

$('#target').hide(); 
$('#target').addClass("loading-layer"); 
$('#target').load('toto.php',function(){ 
    $('#target').removeClass("loading-layer"); 
    $('#target').show(); 
});

來源

2012-11-25 17:49:56 sdespont

升不知道l可如何使用此代碼對http://jsfiddle.net/ –

請給我一個樣品。 –

加載對話框預加載頁面

回答

相關問題