Uma imagem rollover JavaScript é um grupo interessante de código HTML e JavaScript ; quando um site usuário aponta para um quadro , uma outra imagem toma o seu lugar . Quando o usuário move o mouse para fora da imagem , a imagem original volta para a vista. Depois de encontrar duas imagens que você deseja usar , siga estas instruções para fazer um rollover de imagem de sua preferência. Instruções
1
Abra o bloco de notas ou o seu programa de criação de HTML preferido. Marque -se o documento com tags básicas de abertura da seguinte forma.
4
Escreva o código para contar a imagem como se comportar quando o mouse cursor se move sobre a imagem ou longe da imagem, como se segue. " SamplePage.html " pode ser substituído por qualquer link de sua escolha . Observe que " pictureTwo.src " e " pictureOne.src " correspondem aos nomes de objetos que você estabeleceu above.onMouseOver = " document.sample.src = pictureTwo.src ; " onMouseOut = " document.sample.src = pictureOne.src ; ">
5
Diga o documento que imagem para exibir quando a página for carregada pela primeira vez . Aviso nomeando a imagem recipiente " amostra", você está usando o mesmo nome do objeto como o grupo de código anterior ( document.sample.src ) . Name = "exemplo" >
6
Finish codificação do seu documento fechando as tags HTML restantes.