como mover div com loop?
como faço para mover a div abaixo na posição que eu quiser mais com loop sem usar o jquery?
<html>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="animacao.js"></script>
<body>
<div id="animado">
<h3>Este é uma DIV animada!!</h3>
</div>
</body>
</html>
<heady>
<style type="text/css">
body {
background: #eee;
}
#animado {
background: #008;
position: absolute;
width: 200px;
height: 200px;
border: 1px solid #00f;
}
#animado h3 {
font-family: Verdana;
}
</style>
<script src="js/jquery-1.4.2.min.js" type="text/javascript">
</script>
<script type="text/javascript">
var a = 300;
var b = 400;
$(document).ready(function(msg) {
$("#animado").animate({left: a, top: b}, 1500);
});
</script>
</heady>
</html>
queria mudar a animação em vez de usar o jquery porque não entendo nada dessas bibliotecas cheias de códigos que embaraça a cabeça.
Discussão (4)
Carregando comentários...