2

概要

空中に浮かぶ気球のように、div をゆっくりと上下に移動させたいと思います。

所見

私はこれを思いつき、それに添付された外部スクリプトに注意してください:リンク

問題

1 つ目は、あまり滑らかではなく、壊れているように見えることです。2 つ目は、ご覧のとおり、画像が上下に移動すると押しつぶされたように見えることです。スムーズに動かすにはどうすればいいですか、それとも別の方法がありますか?

4

4 に答える 4

8

わかりました、次に試すことができます:

   var baloon = $('#baloon');
   function runIt() {
       baloon.animate({top:'+=20'}, 1000);
       baloon.animate({top:'-=20'}, 1000, runIt);
   }

   runIt();
于 2012-10-05T02:47:45.430 に答える
0

css3 アニメーションを使用することをお勧めします。ここでいくつかの例とチュートリアルを見ることができます: http://www.w3schools.com/css3/css3_animations.asp

于 2012-10-05T02:16:55.593 に答える
0

CSS3 をサポートするブラウザーだけでなく、より多くのサポートが必要な場合は、jQuery の slideUp アニメーションを試してください: http://api.jquery.com/slideUp/

于 2012-10-05T02:28:02.003 に答える
0

このjQueryライブラリも使用できます

http://www.inwebson.com/demo/jqfloat/

于 2014-02-14T14:30:45.147 に答える