accueil du forum - faq - recherche - [s'enregistrer]
HTML, etc...
Twisty Forum


Annuaire magique :::::: mouvement ping-pong (tous navigateurs)



MessagesAuteurs
Donner un mouvement perpétuel à un élément html (image, texte, objet quelconque) est possible avec une balise IE bien connue.
En fait, il est possible de produire cet effet avec la routine suivante, où "ex" est un élément html quelconque:



<script type="text/javascript">
from=100;
from2=600;

function bouge() {
var ex=document.getElementById('objet');
// le coeur du script
if (from <= 600){
ex.style.left=(from+=20)+"px"}
else if (from2 > 100){
ex.style.left=(from2-=20)+"px";}
else{
from=100;from2=600};
// le timer, à régler
setTimeout ('bouge()',500)
}
</script>


Attention, l'élément doit avoir une position absolue ou relative.

Pour ajouter un mouvement vertical (haut - bas - haut...) définissez 2 nouvelles variables max et mini pour la hauteur de l'élément et définissez l'évolution en prenant modèle sur les 3 lignes centrales du script

effet gauche / droite / haut / bas: http://javatwist.imingo.net/bouge.php

Le 24-01-04 à 21h08
fred
qui?
mail site
j'en tremble d'emotion Le 30-09-04 à 15h12
fdp
qui?
mail site


© Javatwist 2002 - JavaTwisting people