Les sports en JavaScript sont souvent utilisés sur le site Web. Cette fois, je partagerai avec vous des applications de base des sports. Il est pratique pour tout le monde d'utiliser directement pendant le développement.
Le code est simple et facile à comprendre et convient aux débutants. Enfin, je trierai mon propre cadre sportif étape par étape.
Rendages du cas de demande:
Déplacez la souris pour partager et la div à gauche sera affichée. Retirez et récupérez par vous-même. Je crois que tout le monde utilisera cela très pratique. Voyons comment le code est implémenté.
La copie de code est la suivante:
<style type = "text / css">
# div1 {
Largeur: 150px;
hauteur: 200px;
Contexte: vert;
Position: absolue;
Gauche: -150px;
}
# div1 span {
Position: absolue;
Largeur: 20px;
hauteur: 60px;
hauteur de ligne: 20px;
Contexte: bleu;
à droite: -20px;
En haut: 70px;
}
</ style>
La copie de code est la suivante:
<body>
<div id = "div1">
<span>
Partager
</span>
</div>
</docy>
Ce qui suit est le code javascript
La copie de code est la suivante:
<script type = "text / javascript">
window.onload = function () {
var odiv = document.getElementById ("div1");
odiv.onmouseOver = function () {
StartMove (0);
};
odiv.onmouseout = function () {
StartMove (-150);
};
}
var time = null;
fonction startmove (itret) {
var odiv = document.getElementById ("div1");
ClearInterval (temps);
time = setInterval (function () {
Var Speed = 0;
if (odiv.offsetleft> itret) {
vitesse = -10;
}autre{
vitesse = 10;
}
if (odiv.offsetleft == itret) {
ClearInterval (temps);
}autre{
odiv.style.left = odiv.offsetleft + speed + 'px';
}
}, 30);
}
</cript>
Idées:
La gauche initiale dans le style est -150. La div est rétrécie à l'intérieur, et elle sera affichée si elle est donnée 0. Ensuite, nous avons juste besoin de modifier cette valeur
Le paramètre Itarget dans Startmove est le point cible, indiquant le point cible que vous vous arrêterez.
Le contrôle de la taille de la vitesse peut contrôler la vitesse du mouvement. Si le point cible est atteint, arrêtez la minuterie.
loi:
* Hypothèse
* Gauche: 30 Itarget: 300 Il est obtenu comme positif à droite
* Gauche: 600 Itarget: 50 Il est négatif à gauche
*
* La relation entre la position actuelle gauche et le point cible Itarget infère la vitesse positive et négative
Remarque: le temporisateur doit être désactivé dès que vous commencez, car chaque fois que vous vous déplacez pour partager, une minuterie sera activée. Plus vous vous allumez, plus la vitesse sera rapide, car il y aura plusieurs minuteries à exécuter en même temps.
Donc, chaque fois que vous devez vous assurer qu'un temporisateur fonctionne.
Suivez: la même fonction de fonction, moins les paramètres, mieux c'est, donc selon les règles ci-dessus, la vitesse n'est pas transmise sous forme de paramètres.
Pour donner un exemple dans la vie: il est généralement impossible de prendre un taxi et de dire au chauffeur de taxi qu'il a 100 yards à aller partout où il a atteint. Vous ne pouvez pas dire au maître à quelle vitesse vous voulez courir
Le programme est donc le même, donc le paramètre de vitesse est supprimé ici.
Bien sûr, il y aura de nombreux problèmes avec le cadre sportif actuel, qui sera résolu l'un après l'autre à l'avenir. Dans le prochain article, discutons de la façon d'arrêter le mouvement uniforme.