如何使div像浮动气球一样上下移动

Question

概述

我想让一个div上下移动，慢慢地，看起来像一个漂浮在空中的气球。

首饰

我想出了这个，并注意附加到它的外部脚本：link

问题

一，它不是很光滑，看起来像破碎。其中两个，正如您所看到的，图像看起来像是在上下移动时被压扁。我怎样才能让它顺利移动，还是有其他方法可以做到这一点？

Answer 1

好的，那你可以尝试：

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

   runIt();

Answer 2

我建议使用css3动画。您可以在此处查看一些示例和教程：http://www.w3schools.com/css3/css3_animations.asp

Answer 3

如果你想获得更多支持，那么只需要支持CSS3的浏览器，试试jQuery的slideUp动画：http://api.jquery.com/slideUp/

Answer 4

你也可以使用这个jQuery库

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