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.