Comment faire un div déplacer vers le haut et vers le bas comme un ballon flottant

Aperçu

Je veux un div à être déplacé vers le haut et vers le bas, lentement, en regardant comme un ballon flottant dans l'air.

Résultats

Je suis venu avec cette et note le script externe relié : lien

Question

Il n'est pas très lisse et il ressemble à la rupture. Deux, comme vous pouvez le voir, l'image donne l'impression d'être écrasé quand il se déplace en haut et en bas. Comment puis-je le faire bouger en douceur ou est-il un autre moyen de le faire?

OriginalL'auteur nasty | 2012-10-05

  1. 8

    Ok, alors vous pouvez essayer:

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

   runIt();
    Grâce À Oulan. Qu'il fixe!

    OriginalL'auteur Ulan Murzatayev

  2. 0

    Je vous suggérons d'utiliser les animations css3. Vous pouvez regarder quelques exemples et tutoriels ici: http://www.w3schools.com/css3/css3_animations.asp

    Désolé. Je ne peux pas. Coz l'entreprise pour laquelle je travaille utilise IE8!!!

    OriginalL'auteur Ulan Murzatayev

  3. 0

    Si vous voulez plus de soutien, puis il suffit de navigateurs qui prennent en charge CSS3, essayez de jQuery slideUp animation: http://api.jquery.com/slideUp/

    OriginalL'auteur richardaday

  4. 0

    vous pouvez également utiliser cette bibliothèque jQuery

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

    OriginalL'auteur Doua Beri