Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17589
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Movimentar objetos

07-05-2007 23:01

Esse é um script que permite movimentar um objeto para posição desejada usando o posicionamento.

<script language="JavaScript"> /* Essa é a função que pega a posição da distância lateral passada pelo setTimeout Com isso, move o objeto de acordo */ function direita(dist) { document.getElementById("img").style.left=''+ dist +'px'; } /* Essa é a função que pega a posição da distância do topo passada pelo setTimeout Com isso, move o objeto de acordo */ function baixo(dist) { document.getElementById("img").style.top=''+ dist +'px'; } /* nesse grupo abaixo - é somado 20px (ao atual) a cada movimento do objeto - é somado 1/10 de segundo (ao atual) a cada movimento do objeto */ setTimeout("direita('20')", 100) setTimeout("direita('40')", 200) setTimeout("direita('60')", 300) setTimeout("direita('80')", 400) setTimeout("direita('100')", 500) /* nesse grupo abaixo - é somado 20px (ao atual) a cada movimento do objeto - é somado 1/10 de segundo (ao atual) a cada movimento do objeto */ setTimeout("baixo('20')", 600) setTimeout("baixo('40')", 700) setTimeout("baixo('60')", 800) setTimeout("baixo('80')", 900) setTimeout("baixo('100')", 1000) </script> <img src="suafigura.gif" id="img" style="position:relative;left:0px;">

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado