Método jQuery mouseover()
Exemplo
Defina a cor de fundo para amarelo, quando o ponteiro do mouse estiver sobre um elemento <p>:
$("p").mouseover(function(){
$("p").css("background-color", "yellow");
});
Definição e uso
O evento mouseover ocorre quando o ponteiro do mouse está sobre o elemento selecionado.
O método mouseover() aciona o evento mouseover ou anexa uma função para ser executada quando ocorre um evento mouseover.
Nota: Ao contrário do evento mouseenter , o evento mouseover é acionado se um ponteiro do mouse inserir qualquer elemento filho, bem como o elemento selecionado. O evento mouseenter só é acionado quando o ponteiro do mouse entra no elemento selecionado. Veja o exemplo no final da página para uma demonstração.
Dica: Este evento é frequentemente usado junto com o evento mouseout .
Sintaxe
Acione o evento mouseover para os elementos selecionados:
$(selector).mouseover()
Anexe uma função ao evento mouseover:
$(selector).mouseover(function)
Parameter | Description |
---|---|
function | Optional. Specifies the function to run when the mouseover event is triggered |
Experimente você mesmo - Exemplos
Demonstra a diferença entre mouseover(), mouseenter() e mousemove().