jquery - jQuery图像/正文

Question

我目前使用：

为我的身体负重

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

但是我需要一些帮助来创建以下内容：

5 秒内容显示后加载显示图像的正文

提前致谢！

Answer 1

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

HTML

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

CSS

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

JS

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

Answer 2

我想你想在其他内容显示 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);
});

在此示例中，我在 8000 毫秒后显示文本，在 20000 毫秒后显示图像。