Como mover objetos com Javascript

O JavaScript oferece a possibilidade de organizar dinamicamente objetos em uma página da Web. Você pode mover dinamicamente um objeto usando as propriedades “direita” e “esquerda”. Essas duas propriedades informam ao navegador onde colocar o objeto. Se você alterar a localização dos pixels, o objeto se moverá pela tela do navegador.

Passo 1

Clique com o botão direito do mouse no arquivo HTML que contém o objeto. Clique em “Abrir com” e clique duas vezes no editor JavaScript ou HTML que você prefere usar para alterar o código.

Etapa 2

Role até o local da tag “script”. O JavaScript é executado nas tags “script”. Se você não tiver uma tag “script”, copie e cole o seguinte código no arquivo HTML:

Etapa 3

Digite o seguinte código nas tags “script” para mover o objeto:

var objeto = document.getElementById (“imagem”); object.left = 200;

O código anterior define um objeto de imagem para a variável “objeto”. O objeto é então colocado na posição 200, no lado esquerdo da tela do usuário. Por exemplo, se a imagem estiver no pixel 400, o objeto será movido para a esquerda da tela.

Referências

 

Você pode estar interessado:

Deixe um comentário