Como mudar uma imagem em um rato por cima em html

Alterar uma imagem de botão no mouseover.

Teclas do Web site que contêm imagens que mudam de mouseover fornecer seus visitantes com uma experiência mais dinâmica. Eles também enviar uma instrução sutil de clicar no botão. Escolha o botão de estado normal e aquele que será exibido quando um usuário rola sobre o botão. Use HTML e javascript para alcançar este complemento útil para a sua página Web.

  • Abra um editor de texto ou HTML e insira o seguinte:

  • Localize a área para o botão e insira o seguinte:

    href ="mydoc.html"

    onmouseover = "rollover ( `myimage`)"

    onmouseout = "rollout ( `myimage`)"

    gt;

    SRC ="mainbutton.jpg"

    NAME ="myimage"

    ALT ="Página" BORDER = 0

    HEIGHT = 130 WIDTH = 115

    gt;

    Substituir "mydoc.html" com o nome do arquivo. Substituir "mainbutton.jpg" e "overbutton.jpg" com os nomes de imagem de seus principais e mouseover botões, respectivamente.

  • Salve o arquivo. Assegurar a existência das imagens no mesmo diretório como seu documento HTML ou no caminho dado em sua "SRC" e "setrollover" atributos. Teste com um duplo clique no arquivo em seu sistema.

De esta maneira? Compartilhar em redes sociais:

LiveInternet