|
O Evento mouseenter()
O m�todo mouseenter() adiciona uma fun��o de manipulador de eventos a um elemento HTML.
Esta fun��o � executada quando o ponteiro do mouse entra no elemento HTML.
Quando voc� insere o cursor do mouse sobre o elemento selecionado, ele dispara o evento mouseenter e, uma vez que o evento
mouseenter ocorre, ele executa o m�todo mouseenter() para anexar a fun��o do manipulador de eventos a ser executada.
Este evento � geralmente usado junto com o evento mouseleave().
Sintaxe:
$ (seletor).mouseenter ()
Esse evento dispara o evento mouseenter para os elementos selecionados.
$ (seletor).mouseenter(fun��o)
Esse evento adiciona uma fun��o ao evento mouseenter.
Par�metros do evento mouseenter()
Vejamos um exemplo para demonstrar como funciona o evento mouseenter():
Resultado:
Ap�s a execu��o do c�digo acima ser� mostrada a mensagem do cabe�alho. Quando o cursor do mouse for passado por cima da mensagem,
uma outra mensagem ser� mostrada logo abaixo da primeira, que por sua vez, desaparecer� em poucos segundos.
Para isso, foi utilizado o efeito fadeOut(), que ser� discutido em outro tutorial:
O Evento mouseleave()
O m�todo mouseleave() adiciona uma fun��o de manipulador de eventos a um elemento HTML. Esta fun��o � executada quando o
ponteiro do mouse sai do elemento HTML.
Quando o cursor do mouse deixa o elemento selecionado, ele dispara o evento mouseleave e, uma vez que o evento mouseleave
ocorre, ele executa o m�todo mouseleave() anexado � fun��o de manipulador de eventos para ser executado.
Este evento � geralmente usado junto com o evento mouseenter().
Sintaxe:
$ (seletor).mouseleave()
Esse evento dispara o evento mouseleave para os elementos selecionados.
$ (seletor).mouseleave (fun��o)
Esse evento adiciona uma fun��o ao evento mouseleave.
Par�metros do evento unload()
Vejamos um exemplo para demonstrar como funciona o evento mouseleave():
Resultado:
Ap�s a execu��o do c�digo acima ser� mostrada a mensagem do cabe�alho. Quando o cursor do mouse for passado por cima da mensagem nada acontecer�,
mas quando o cursor sair da mensagem ser� mostrada uma outra mensagem, que por sua vez, desaparecer� em alguns segundos.
Para isso, foi utilizado o efeito fadeOut(), que ser� discutido em outro tutorial:
<< Tutorial para Saber como Utilizar os Eventos load() e unload()
Tutorial para Saber como Utilizar o Evento hover() >>
|
