Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

ktinho

como mover div com loop?

Por , em Javascript

Recommended Posts

ktinho    0

ktinho
Postado

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.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Ramon Almeida    0

Ramon Almeida
Postado

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.

 

0_0

 

Como assim cara? A vida fica mto + facil com jquery cara!

 

De qualquer forma, o js pra fazer a animação:

 

var pos = 0;
function anima(){
 if(pos>400){
   clearInterval(time);
 }else{
   pos= pos+10;
   document.getElementById("animado").style.top = pos+"px";
   document.getElementById("animado").style.left = pos+"px";
 }
}

var time = setInterval(anima,100);

 

No JSBin:

http://jsbin.com/oduca3

Compartilhar este post

Link para o post
Compartilhar em outros sites

ktinho    0

ktinho
Postado

valew brother funfo chique no urtimo rsrsrs.

 

é que eu tava encucado porque eu achava que funcionava através de um loop mais vi que não é ai jquery é muito boa eu uso bastante mais quando se trata de entender muitas das vezes eu me perco ^^ sou noob ainda kkk.

 

 

brigadão cara.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito