Como alterar a imagem em pairar em JavaScript
Esta posta.
Como alterar uma imagem em pairar em JavaScript?
Para alterar a imagem no Hover, use o “OnMouseOverEvento. Quando o mouse/cursor é movido através de um elemento html ou um de seus filhos, o evento OnMouseOver é acionado.
Exemplo 1: Alterar a imagem no Hover em JavaScript
Em um arquivo html, use a tag para mostrar a imagem em uma página da web. Anexe o “OnMouseOver”Evento que chamará a função JavaScript quando o mouse pague sobre a imagem:
Em um arquivo JavaScript, defina uma função “flutuar”Com o parâmetro“img”. Na função definida, defina a imagem que será mostrada no passe:
Função Passe (IMG)img.src = "2.jpg "
Como você pode ver, na saída, quando passamos pelo passar pela imagem atual, ela muda de repente:
Exemplo 2: alternar a imagem no mouse
No exemplo acima, a imagem muda quando o mouse está pairando sobre a imagem, e a mesma imagem permanece. Agora, neste exemplo, a primeira imagem reaparecerá quando o mouse se afastar da imagem. Este efeito é chamado de efeito de alternância. Para esse fim, usaremos o “OnMouseOver" e "onMouseOut”Propriedades HTML:
““OnMouseOver"Chama o"flutuar()”Funcionar enquanto, o“onMouseOut”O evento chama a função“Hoverout ()”:
função hoverout (img)img.src = "1.jpg "
A saída mostra que a imagem é alterada com sucesso quando o mouse está acima da imagem e é alterado quando o mouse está saindo da imagem:
Isso foi tudo sobre a imagem em mudança no mouse.
Conclusão
Para alterar a imagem no passe, use o “OnMouseOverEvento. Para alternar o efeito, use o “OnMouseOverAtributo "com"onMouseOutEvento. Quando o mouse/cursor é movido através de um elemento ou de um de seus filhos, o evento OnMouseOver é acionado, enquanto quando o mouse/ponteiro é retirado de um elemento, o evento OnMouseOut ocorre. Neste post, demonstramos o procedimento para alterar a imagem no passe no JavaScript.