2

概述

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

发现

我想出了这个并记下附加到它的外部脚本：链接

问题

一，它不是很光滑，看起来像破了。二，如您所见，图像在上下移动时看起来像是被压扁了。我怎样才能让它顺利移动，或者有其他方法吗？

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 回答