jquery - 如何让div像漂浮的气球一样上下移动

Question

概述

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

调查结果

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

问题

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

Answer 1

好的，那你可以试试:

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

   runIt();