jQuery的圖像/身體

對我的身體負荷

<script> 
$(document).ready(function() 
{ 
$('body').hide().fadeIn('8000'); 
}); 
</script>

不過，我需要一些幫助創建以下：5秒負載顯示圖像體內後

內容顯示

在此先感謝！

來源

2013-03-04 Bob Sanders

花費8秒在身體中消失，然後顯示圖像5秒鐘，然後顯示內容。無論你如何做，這對用戶來說都會很糟糕，而且大多數人會在你的網站淡入之前離開你的網站！ – adeneo 2013-03-04 23:37:27

我認爲你在尋找.delay（），但是adeneo說的仍然適用 – Shanimal 2013-03-04 23:41:17

如何降低這兩個函數的時間2秒？ – 2013-03-04 23:42:33

http://codepen.io/anon/pen/qzIgn

HTML

<div id="foo"></div>

CSS

#foo { 
    background-color:red; 
    display:none; 
    height:100px; 
    width:100px; 
}

$(document).ready(function(){ 
    $('#foo').hide('fast').delay(1000).fadeIn(1000); 
});

來源

2013-03-04 23:43:55 Shanimal

我想你想的其他內容顯示5秒後，顯示您的圖片。

入住這http://jsfiddle.net/JygpU/4/

HTML

<div id="wrapper"> 
    <p>Text</p> 
    <p>Text</p> 
    <p>Text</p> 
    <img src="http://3.bp.blogspot.com/-ncHQiyIktlk/Td3Jd-dHnAI/AAAAAAAAA4Q/BVUcrd2ow9A/s1600/hello.jpg" alt="img1" width="200"/> 
</div>

jQuery的

jQuery(document).ready(function($){  
    $("#wrapper > :not(img)").hide().fadeIn(8000); 
    $("#wrapper > img").hide().fadeIn(20000); 
});

在這個例子中，我顯示文本後後&圖片20000毫秒8000毫秒。

來源

2013-03-05 01:16:14 Peeyush

jQuery的圖像/身體

回答

相關問題