Question

Overview

I want a div to be moved up and down, slowly, looking like a baloon floating in the air.

Findings

I came up with this and note the external script attached to it : link

Issue

One, it is not very smooth and it looks like breaking. Two, as you can see, the image looks like its being squashed when it moves up and down. How can I make it move smooth or is there another way to do it?

Answer 1

Ok, then you can try:

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

   runIt();