Este artículo describe el método de JavaScript para habilitar la capa DIV para moverse elásticamente haciendo clic en un botón. Compártelo para su referencia. El método de implementación específico es el siguiente:
Copie el código de la siguiente manera: <! DocType html public "-// w3c // dtd xhtml 1.0 Transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1 transitional.dtd"> ">
<html xmlns = "http://www.w3.org/1999/xhtml">
<Evista>
<title> Haga clic en el botón para hacer que la capa DIV sea flexible y efectos especiales móviles </title>
<style type = "text/css">
#div1 {fondo: #ffcc66; borde:#ff6600 1px sólido; Altura: 100px; Ancho: 100px; Posición: relativo; Izquierda: 0px;}
</style>
<script type = "text/javaScript">
var t = nulo;
función startmove ()
{
if (t)
{
ClearInterval (t);
}
t = setInterval (moverse, 30);
}
Paso var = 0;
Función Move ()
{
var odiv = document.getElementById ("div1");
paso+= (100-doDiv.offsetleft)/50;
paso = paso*0.98
odiv.style.left = odiv.offsetleft+step;
}
</script>
</ablo>
<Body>
<div id = "div1">
</div>
<input type = "button" value = "Move" onClick = "startmove ()"/>
</body>
</html>
Espero que este artículo sea útil para la programación de JavaScript de todos.