ICI header("Location: http://www.mytesting.fr ");

COMMENT DONNER UN MOUVEMENT ONDULANT A UNE IMAGE PAR JUSTIN BIEBER

par André MARINI 15 Décembre 2016, 20:17 Images

CODE

<body> 
 <img src="http://img.over-blog-kiwi.com/1/30/51/51/20161215/ob_b4fb0f_images.jpg" id="JB" alt="Justin Bieber" style="position: absolute; top: 100px; left: 0px;" />
 
<script type="text/javascript">
     function move(amplitude, frequence, vitesse, larg, posYi, sens) {
   el = document.getElementById('JB');
   posX = parseInt(el.style.left);
   posY = parseInt(el.style.top);
   if (eval(posX+el.width) >= larg && sens == 1) {
       sens = -sens;
   } else if (eval(posX) <= 0 && sens == -1) {
       sens = -sens;
   }
   posX = eval(posX+sens*vitesse);
   posY = Math.round(posY + sens*amplitude*Math.cos(posX/(frequence*vitesse)));
   el.style.top = posY + 'px';
   el.style.left = posX + 'px';
   setTimeout('move('+amplitude+', '+frequence+', '+vitesse+', '+larg+', '+posYi+', '+sens+')', 20);
     }
     move(6, 10, 5, document.body.clientWidth, eval(parseInt(document.getElementById('JB').style.top)), 1);
 </script>

</body>

 

RESULTAT

   Justin Bieber  

Haut de page