|
O Evento mouseover()
O evento mouseover ocorre quando voc� coloca o cursor do mouse sobre o elemento selecionado. Uma vez ocorrido o evento
mouseover, ele executa o m�todo mouseover() ou anexa uma fun��o a ser executada. Este evento � geralmente usado com o evento
mouseout(). A maioria das pessoas confunde esse evento com o evento mouseenter.
Diferen�a entre mouseenter() e mouseover():
O evento mouseenter s� � acionado se o ponteiro do mouse entrar no elemento selecionado, enquanto o evento mouseover
� acionado se o cursor do mouse entrar em qualquer elemento filho, bem como no elemento selecionado.
Sintaxe:
$(selector).mouseover()
Ele aciona o evento mouseover para elementos selecionados.
$(selector).mouseover(fun��o)
Ele adiciona uma fun��o ao evento mouseover.
Par�metros do evento mouseover():
Vejamos um exemplo para demonstrar como funciona o evento mouseover():
Resultado:
Nesse caso, quando o cursor do mouse passar sobre a mensagem o fundo da mensagem de texto mudar� de cor.
 >
O Evento mouseout()
O evento mouseout ocorre quando voc� remove o cursor do mouse do elemento selecionado. Assim que o evento mouseout ocorre,
ele executa o m�todo mouseout() ou anexa uma fun��o para executar. Este evento � geralmente usado com o evento mouseover(). A maioria
das pessoas est� confusa entre mouseout e mouseleave.
Diferen�a entre mouseleave e mouseout:
O evento mouseleave s� � acionado se o ponteiro do mouse deixar o elemento selecionado, enquanto o evento mouseout �
acionado se o cursor do mouse deixar qualquer elemento filho, bem como o elemento selecionado.
Sintaxe:
$(selector).mouseout()
Ele aciona o evento mouseout para elementos selecionados.
$(selector).mouseout(fun��o)
Ele adiciona uma fun��o ao evento mouseout.
Par�metros do evento mouseout()
Vejamos um exemplo para demonstrar como funciona o evento mouseout():
Resultado:
Nesse caso, quando o cursor do mouse sair do elemento selecionado o fundo da mensagem de texto mudar� de cor.
<< Tutorial para Saber como Utilizar os Eventos mousedown() e mouseup()
Tutorial para Saber como Utilizar os Eventos fadeIn() e fadeOut() >>
|
