Programação  
 
Conhecimento computador >> Programação >> JavaScript Programação >> 
Como mover uma imagem de X & Y em JavaScript
JavaScript pode modificar as informações de folha de estilo em cascata em uma página da Web , permitindo uma imagem a ser movida para diferentes posições na página, com base na entrada do usuário . Um exemplo disso é um HTML, estilo e demonstração JavaScript que permite que uma imagem a ser movida em torno da página de forma aleatória como o cursor do mouse é colocado sobre ele. Para alcançar este objectivo , os atributos de posição da imagem são modificados , como ocorrem eventos de ratinho acabado. Coisas que você precisa
editor de texto
browser
Show Mais instruções
1

Abra um novo documento no editor de texto . Salve o arquivo como
2

código de cabeçalho Write documento

< DOCTYPE html PUBLIC " " moveimage.html . " - . ! //W3C //DTD XHTML 1.0 Strict //PT "

" http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd " >

< html xmlns = " http://www .w3.org/1999/xhtml " >


Deslocar imagem

< conteúdo meta = " text /html; charset = UTF-8 código de estilo "http -equiv =" Content-Type "/>
3

Write documento

< style = tipo . "text /css" >

# imagem

{

position: absolute ;

z -index: 0;

visibilidade : visível;

top : 10EM ;

esquerda : 10EM ;

width: 5em ;

altura: 5em

}


4

Escrever documento código JavaScript .


< /head>
5

Escrever código corpo do documento.


< img id = " imagem " src = " http://www.objcom.com/brianb.png " onmouseover = " moveImage ()" />



6

Abra este arquivo no browser . Mova o ponteiro do mouse sobre a imagem , e ele vai se mudar para uma nova posição na página.

Anterior :

Próximo : No
  Os artigos relacionados
·Como girar um orçamento em JavaScript 
·Como usar ShrinkSafe Com NetBeans 
·Como usar um Lightbox em JavaScript 
·Como atualizar DIV 
·Como usar a API do Google Maps Distância Raio 
·O que o Arroba média em Javascript 
·Efeitos de opacidade em MooTools 
·Diferença entre Pop & Splice em Javascript 
·Como fazer JavaScript para rolar Anúncios 
·Como deixar cair Decimals Usando JavaScript 
  Artigos em destaque
·Como substituir os dados do valor de forma de onda em L…
·Tutoriais on-line sobre drivers de dispositivo usando C…
·Depuração de uma violação de acesso 
·Como saber se um site é baseado em Java 
·Como exibir um Substring em Java 
·Como alterar um soquete de bloqueio para não-bloqueio 
·Como usar a função strncmp em C + + 
·Como converter String para Tempo em SQLite 
·Como exibir uma lista de strings em ListView 
·Como ler inteiro de Console em Java 
Cop e direita © Conhecimento computador http://ptcomputador.com Todos os Direitos Reservados