Ir para conteúdo

POWERED BY:

Arquivado

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

JuniorCampos

movendo Div (javascript)[]

Por , em Javascript

Recommended Posts

JuniorCampos    0

JuniorCampos
Postado

Fala galera ...

Estou tentando fazer com que um div se mova de um ponto a outro da pag. Eu consigo fazer com que ela se mova, mas naum da forma que eu quero.

Eu gostaria que ela se movesse lentamente de um ponto a outro.

 

Segue meu cod.

<html>
<head>
<title>Move Objetos = NiNjA</title>
<script type="text/javascript">
function moveDiv(){
	var end = 600;	
	var objTarget = document.getElementById('animacao');
	
	for( var i = 0; i <= end; i++) {
	var path = objTarget.style.left = i + 'px';
		setTimeout(path, 9000);
	}		
}

</script>
<style type="text/css">
body {
	background-color:#FF6600;
	color:#FFFFFF;
}
#animacao{
	width:300px;
	height:300px;
	background-color:#333;
	position:absolute;
}
</style>
</head>

<body onload="moveDiv()">
<div id="animacao"></div>
</body>
</html>

Quem puder dar uma ideia, por favor ajude ...

desde jah agradeco!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Otata    4

Otata
Postado

eae... da uma olhada

<html>
<head>
<title>Move Objetos = NiNjA</title>
<script type="text/javascript">
var end = 600;
function moveDiv(){
	var objTarget = document.getElementById('animacao');	
	if(parseInt(objTarget.style.left.replace("px","")) < end){
		objTarget.style.left = (parseInt(objTarget.style.left.replace("px","")) + 1) + 'px';
		setTimeout("moveDiv()", "10");	  
	}
}

</script>
<style type="text/css">
body {
	background-color:#FF6600;
	color:#FFFFFF;
}
#animacao{
	width:300px;
	height:300px;
	background-color:#333;
	position:absolute;
}
</style>
</head>

<body onload="moveDiv()">
<div id="animacao" style="left:0px"></div>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

JuniorCampos    0

JuniorCampos
Postado

Fala cara ...

Muito obrigado brother ...

Eu ateh tinha conseguido, mas era um caminhao de codigo ...

 

MUITO BOM ESSE SEU COD ...

AGRADECO MUITO MESMO!!!

 

Soh uma duvida, pq você usou o parseInt?

Eu naum tinha pensado nisso, pode explicar?

Eu tinha pensado no for.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Otata    4

Otata
Postado

eae cara..

usei o parseInt para não ocorrer erro, para ter certeza que vai ser int e somar corretamente.

 

t+

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