jquery一次又一次地在屏幕上消失

Question

嗨，大家好我想弄清楚如何在动画开始后一段时间后让图像出现在屏幕上。

所以我得到了一张图片，我用css将它放在我想要的地方。

#laser
{
   position: absolute;
   left: 650px;
}

任何人都知道我怎么可能在动画开始时不能出现该图像但是在我使用css放置它的某个地方3秒后出现？

编辑：这是我到目前为止的代码。

<div id="laser">
  <img src="images/laser.png" alt="laser">
</div>

#laser
{
   position: absolute;
   left: 650px;
   display: none;
}

然后我只使用了你给我的代码。但它只是阻止其他一切工作。

$('#laser').animate({
    width: '100px',
    height: '100px'
}, 3000, function() {
    $(this).show('slow');
});​

如果你想查看我的代码链接：http://jsfiddle.net/wdy5P/5/

Answer 1

使用.animate()方法。在指定的持续时间之后，将执行回调中的代码..

$('#laser').animate({
    width: '100px',
    height: '100px'
}, 3000, function() {
    $(this).show('slow');
});​

<强> Check Fiddle

Answer 2

向show()添加一毫秒使其成为动画（对眼睛不可见但添加到FX队列中），然后让您使用delay()功能来延迟显示的图像3000毫秒（3秒）：

$('#laser').delay(3000).show(1);

图像当然必须是display: none;