Une brève discussion sur la façon dont Javascript atteint des compétences motion_javascript uniformes

Les sports en Javascript sont souvent utilisés sur les sites Web. Cette fois, j'aimerais partager avec vous quelques applications de base du mouvement. Il est pratique pour tout le monde de l'utiliser directement pendant le développement.

Le code est simple et facile à comprendre, adapté aux débutants. Enfin, je définirai étape par étape mon propre cadre de mouvement.

Rendu de cas d'application :

Déplacez la souris sur le partage et le div à gauche sera affiché. Il se restaurera si vous le supprimez. Je pense que tout le monde l'utilisera. C'est très pratique. Voyons comment le code est implémenté.

Copier le code Le code est le suivant : #div1 { largeur : 150 px ; hauteur : 200 px ; fond : vert ; position : absolue ; gauche : -150 px ; } #div1 span { position : absolue ; largeur : 20 px ; Hauteur : 60 px ; hauteur de ligne : 20 px ; fond : bleu ; droite : -20 px ; haut : 70 px ; }

Copier le code Le code est le suivant : Partager sur

Ce qui suit est le code Javascript

Copier le code

Le code est le suivant : window.onload=function(){ var oDiv=document.getElementById("div1"); oDiv.onmouseover=function(){ startMove(0); }; oDiv.onmouseout=function(){ startMove(-150); }; > var time=null; fonction startMove(iTraget){ var oDiv=document.getElementById("div1"); clearInterval(heure); time=setInterval(function(){ var vitesse=0; if(oDiv.offsetLeft>iTraget){ vitesse=-10; }autre{ vitesse=10; > if(oDiv.offsetLeft==iTraget){ clearInterval(heure); }autre{ oDiv.style.left=oDiv.offsetLeft vitesse 'px'; > },30); > Choses :

L'initiale laissée dans le style est -150, de sorte que le div se rétrécira à l'intérieur, et s'il vaut 0, il sera affiché. Ensuite il suffit de changer cette valeur

Le paramètre iTarget dans startMove est le point cible, indiquant à quel point cible il s'arrêtera.

Contrôlez la taille de la vitesse pour contrôler la vitesse de déplacement. Si le point cible est atteint, arrêtez le chronomètre.

Règle :

* Hypothèse

* left:30 iTarget:300 Il s'avère qu'aller vers la droite est positif * left:600 iTarget:50 Il s'avère qu'aller vers la gauche est négatif * * Déduire la vitesse positive et négative à travers la relation entre la position actuelle à gauche et le point cible iTarget

Remarque : Vous devez désactiver la minuterie au début, car chaque fois que vous passez au partage, une minuterie sera activée. Plus vous l'allumerez, plus elle sera rapide car plusieurs minuteries seront exécutées en même temps.

Assurez-vous donc qu'une minuterie fonctionne à chaque fois.

Suivez le principe : les fonctions sont les mêmes, moins il y a de paramètres, mieux c'est, donc selon les règles ci-dessus, la vitesse n'est pas transmise en paramètre.

Pour vous donner un exemple concret : lorsque vous prenez un taxi, il est généralement impossible de dire au chauffeur de taxi où vous allez à 100 mètres de vitesse. Lorsque vous prenez un taxi, vous ne pouvez pas dire au chauffeur à quelle vitesse vous voulez aller

Le programme est donc le même, ici le paramètre vitesse est supprimé.

Bien entendu, le cadre sportif actuel présente encore de nombreux problèmes, qui seront résolus à l'avenir. Dans le prochain article, nous verrons comment arrêter un mouvement uniforme.