0

アニメーションが開始された後、一定時間後に画像を画面に表示する方法を見つけようとしています。

だから私は画像を手に入れ、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/

4

2 に答える 2

2

メソッドを使用し.animate()ます。指定された期間の後、コールバック内のコードが実行されます。

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

フィドルをチェック

于 2012-11-27T21:47:43.690 に答える
2

1 ミリ秒追加show()すると、アニメーションになり (目には見えませんが、FX キューに追加されます)、delay()関数を使用して、表示される画像を 3000 ミリ秒 (3 秒) 遅らせることができます。

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

もちろん、画像は最初はdisplay: none;

于 2012-11-27T21:49:00.230 に答える