Jquery 如何使潜水器像漂浮的阳台一样上下移动

概述

我想要一个潜水艇慢慢地上下移动，看起来像一个浮在空中的气球

调查结果

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

问题

---

第一，它不是很光滑，看起来像是断裂了。第二，正如你所看到的，当图像上下移动时，它看起来像是被挤压了。如何使其平滑移动，或者有其他方法吗？

我建议使用css3动画。您可以在此处查看一些示例和教程：

如果您需要更多支持，而不仅仅是支持CSS3的浏览器，请尝试jQuery的slideUp动画：

好的，然后您可以尝试：

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

   runIt();

---

您还可以使用这个jQuery库