Los deportes en JavaScript a menudo se usan en el sitio web. Esta vez compartiré con ustedes algunas aplicaciones básicas de deportes. Es conveniente que todos los usen directamente durante el desarrollo.
El código es simple y fácil de entender y es adecuado para principiantes. Finalmente, resolveré mi propio marco deportivo paso a paso.
Renderizaciones del caso de la aplicación:
Mueva el mouse para compartir y se mostrará el DIV de la izquierda. Eliminar y recuperarse solo. Creo que todos usarán esto muy práctico. Veamos cómo se implementa el código.
La copia del código es la siguiente:
<style type = "text/css">
#Div1 {
Ancho: 150px;
Altura: 200px;
Antecedentes: verde;
Posición: Absoluto;
Izquierda: -150px;
}
#Div1 Span {
Posición: Absoluto;
Ancho: 20px;
Altura: 60px;
Línea de altura: 20px;
fondo: azul;
Derecha: -20px;
Arriba: 70px;
}
</style>
La copia del código es la siguiente:
<Body>
<div id = "div1">
<span>
Compartir a
</span>
</div>
</body>
El siguiente es el código JavaScript
La copia del código es la siguiente:
<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;
función startmove (itraget) {
var odiv = document.getElementById ("div1");
ClearInterval (tiempo);
Time = setInterval (function () {
Vel Speed = 0;
if (odiv.offsetleft> itraget) {
velocidad = -10;
}demás{
velocidad = 10;
}
if (odiv.offsetleft == Itraget) {
ClearInterval (tiempo);
}demás{
odiv.style.left = odiv.offsetleft+velocidad+'px';
}
}, 30);
}
</script>
Ideas:
La izquierda inicial en el estilo es -150. El DIV se reduce por dentro, y se mostrará si se le da 0. Entonces solo necesitamos cambiar este valor
El parámetro ITARGet en StartMove es el punto de destino, que indica qué punto de destino se detendrá.
Controlar el tamaño de la velocidad puede controlar la velocidad del movimiento. Si se alcanza el punto objetivo, detenga el temporizador.
ley:
* Suposición
* Izquierda: 30 ITARGET: 300 Se obtiene como positivo a la derecha
* Izquierda: 600 ITARGET: 50 Es negativo a la izquierda
*
* La relación entre la posición actual izquierda y el punto objetivo ITARGet infiere la velocidad positiva y negativa
Nota: El temporizador debe apagarse tan pronto como comience, porque cada vez que se mueva para compartir, se encenderá un temporizador. Cuanto más active, más rápida será la velocidad, porque habrá varios temporizadores para ejecutar al mismo tiempo.
Entonces, cada vez debe asegurarse de que un temporizador funcione.
Siga: la misma función de función, los menos parámetros, mejor, por lo que de acuerdo con las reglas anteriores, la velocidad no se pasa como parámetros.
Para dar un ejemplo en la vida: generalmente es imposible tomar un taxi y decirle al taxista que tiene 100 yardas para ir a donde haya alcanzado. No puedes decirle al maestro lo rápido que quieres correr
Entonces, el programa es el mismo, por lo que el parámetro de velocidad se elimina aquí.
Por supuesto, habrá muchos problemas con el marco deportivo actual, que se resolverá uno tras otro en el futuro. En el siguiente artículo, discutamos cómo detener el movimiento uniforme.