Maison >interface Web >js tutoriel >Exemple de mouvement automatique d'éléments statiques à l'aide des compétences JS_javascript

Exemple de mouvement automatique d'éléments statiques à l'aide des compétences JS_javascript

WBOY
WBOYoriginal
2016-05-16 16:52:221050parcourir

Un élément est stationnaire, ce qui le fait se déplacer automatiquement sur l'écran.

C'est une question relativement simple. Je l'ai rencontrée pendant mes études, alors je l'ai écrite.

Copier le code Le code est le suivant :




<script> /Contrôler le mouvement Variable de montant<br>var flag = 0;//Une variable pour contrôler le mouvement à gauche et à droite<br>//Fonction pour se déplacer vers la droite<br>function moveright(){ <br>sp1.style. marginLeft=mar " px"; <br>mar=mar 5; <br>} <br>//Fonction pour se déplacer vers la droite<br>function moveleft(){ <br>sp1.style.marginLeft=mar "px" "; <br>mar=mar-5; <br>} <br><br>function go() { <br>var sp1 =document.getElementById("sp1"); <br>var btn1 = document.getElementById ("start" ); <br>if(!btn1.disabled){ <br>btn1.disabled = true; <br>document.getElementById("pause").disabled=false <br>} <br>sp1; .innerHTML=parseInt (sp1.innerHTML) 1; <br>timenum = window.setTimeout(go,10); <br>if(flag==1){ <br>window.setTimeout(moveleft,10); >} <br>if(flag==0){ <br>window.setTimeout(movoveright,10); <br>} <br>if(mar>(window.outerWidth)){ <br>flag=1; <br>} <br>if(mar<0){ <BR>flag=0; <BR>} <BR>} <BR>function stop(){ <BR>document.getElementById("start").disabled = false; <BR>document.getElementById("pause").disabled=true; <BR>window.clearTimeout(timenum); <BR></script> 🎜>
pause sp1"> ;0



Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn