JSB

hover

Gère les événements de survol des éléments sélectionnés : survol du pointeur de la souris sur l'élément et sortie du pointeur.

Si une seule fonction est passée en paramètre à hover(), elle est exécutée lorsque le pointeur de la souris arrive sur l'élément et lorsqu'il en repart. Si deux fonctions sont passée la première est exécutée à l'entrée du pointeur et la seconde à la sortie :

$('#bloc').hover(function ()
{
    $(this).fade();
});
#bloc
$('#bloc').hover(function ()
{
    $(this).css('background:red');
},function ()
{
    $(this).css('background:lime');
});
#bloc
#sous_bloc

Notez que le passage de la souris sur le sous-bloc ne joue pas, ce qui est le cas en revanche avec la fonction over() par exemple.

<div id="bloc">
    <div>#bloc</div>
    <div style="display:none;">#sous_bloc</div>
</div>
$('#bloc').hover('fade');
#bloc
#sous_bloc

Avec un paramètre nommé ("fade", "slide", "show"), tous les éléments invisibles contenus dans les éléments sélectionnés sont alors listés, la fonction correspondante est alors appliquée à ces éléments : .fade(), .slide(), etcetera. lors de l'entrée du pointeur sur la zone parente et .fade_out(), .slide_out(), etcetera. est appliquée à ces mêmes éléments lorsque le pointeur quitte la zone.

© Bastien Miclo | www.selfbuild.fr