Changement et gestion de curseur en jQuery
Article posté le 20-12-2013 dans la catégorie
JavaScript, JQuery...
Attention, le contenu cet article est peut-être obsolète !
La gestion du curseur en JQueryPremier article d'une petite série pour la gestion de vos évènements et de votre DOM en jQuery. Pour rappel , ce framework JavaScript, qui donc s'éxecute côté client, vous permet de rendre votre site plus dynamique...
Quelques extraits de code basiques pour la gestion de votre curseur en jQuery, idéal pour la gestion des éléments de base pour vos scripts :
MouseOver:
$("#Toto").mouseover(function()
{
//Code à éxecuter lors du passage de la souris au dessus de l'élément ayant pour id "Toto"
});
MouseOut :
$("#Toto").mouseout(function()
{
//Code à éxecuter lors du passage de la souris quitte le dessus de l'élément ayant pour id "Toto"
});
Onclick
$("#Toto")..click(function()
{
//Code à éxecuter lors du passage lors d'un clic de souris sur l'élément ayant pour id "Toto"
});
Changement du curseur
Quand vous utilisez les fonctions énumérées ci-dessus, il est bien pour l'utilisateur de voir le curseur changer :
$(this).css('cursor','pointer'); //Curseur change comme quand vous survolez un lien
$(this).css('cursor','auto'); //Curseur normal
Toujours du code de base...
Cet article vous a plu? Découvrez d'autres articles :