Exemplo
Defina a cor de fundo para o amarelo, quando o ponteiro do mouse está sobre um <p> elemento:
$("p").mouseover(function(){
$("p").css("background-color", "yellow");
});
Tente você mesmo " Definição e Uso
O mouseover evento ocorre quando o ponteiro do mouse está sobre o elemento selecionado.
O mouseover() método dispara o mouseover evento, ou atribui uma função a ser executada quando um mouseover evento ocorre.
Nota: Ao contrário do mouseenter evento, o mouseover evento aciona se um ponteiro do mouse entra qualquer elemento filho, bem como o elemento selecionado.O mouseenter evento só é acionado quando o ponteiro do mouse entra o elemento selecionado. Veja o exemplo no final da página para uma demonstração.
Dica: Este evento é frequentemente usado em conjunto com o mouseout evento.
Sintaxe
Acionar o mouseover evento para os elementos selecionados:
$(selector).mouseover()
Try it
Anexar uma função ao mouseover evento:
$(selector).mouseover(function)
Try it
| Parâmetro | Descrição |
|---|---|
| function | Opcional. Especifica a função a ser executada quando o mouseover evento é acionado |
Tente você mesmo - Exemplos
A diferença entre mouseover(), mouseenter() e mousemove()
Demonstra a diferença entre mouseover(), mouseenter() e mousemove() .