Este artigo descreve o método de JavaScript para permitir que a camada DIV se mova elasticamente clicando em um botão. Compartilhe para sua referência. O método de implementação específico é o seguinte:
Copie o código da seguinte forma: <! Doctype html public "-// w3c // dtd xhtml 1.0 transitória // pt" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<TITLE> Clique no botão para tornar a camada Div flexível e os efeitos especiais móveis </ititure>
<style type = "text/css">
#div1 {background: #ffcc66; Border:#ff6600 1px Solid; Altura: 100px; Largura: 100px; Posição: relativa; Esquerda: 0px;}
</style>
<script type = "text/javascript">
var t = nulo;
função startmove ()
{
se (t)
{
ClearInterval (t);
}
t = setInterval (move, 30);
}
var stage = 0;
função move ()
{
var odiv = document.getElementById ("div1");
Etapa+= (100-ODIV.OFFSETLEFT)/50;
Etapa = Etapa*0,98
odiv.style.left = odiv.offsetleft+etapa;
}
</script>
</head>
<Body>
<div id = "div1">
</div>
<input type = "button" value = "mover" onclick = "startMove ()"/>
</body>
</html>
Espero que este artigo seja útil para a programação JavaScript de todos.