[resolvido]Mover objeto

[JuniorCampos 0]

Galera, estou aprendendo javascript e preciso mover uma div a partir de um clique ... e essa div tem que se mover com um timer ...

 

Ja fiz algumas tentativas com moveBy(x,y) e moveTo(x,y) ... Isso funciona bem em em janelas, mas numa div, naum consegui.

 

Se puderem ajudar, agradeco muito!

abraco a todos!

[.:: xTitus (Fábio) ::. 0]

Para mover objetos você usa objeto.style.top e objeto.style.left .. uma dica é passar valores terminados com "px" .. tipo "100px" .. questões crossbrowser e afins .. lembrando que o objeto deve ter o atributo CSS "position" com o valor "absolute".

 

Espero que ajude.

[JuniorCampos 0]

Meu camarada, pode dar um exemplo basico ... Soh pra eu iniciar??

[JuniorCampos 0]

Amigo, eu comecei certo?

//js code
function moveDiv(){
	var divAnimada = document.getElementById('animacao'){
	divAnimada.style.top = '400px';
	divAnimada.style.left = '400px';
	}
}

//css code
#animacao{
	width:300px;
	height:300px;
	background-color:#333;
	position:absolute;
}

[JuniorCampos 0]

Consegui cara ... Muito obrigado pela ajuda!