TUTORIELS 
CSS : Modifier l'état du curseur
Les feuilles de style permettent de changer le curseur selon le message que l'on souhaite faire passer. Liste des curseurs disponibles...  (27 janvier 2004)
 
Forums
* Discutez en sur les forums
Les utilisateurs sont de plus en plus exigeants, mais aussi de plus en plus insouciants : il faut que tout aille vite, mais (ou, de fait) ils ne prennent pas la peine de lire certaines explications. C'est pourquoi les différents curseurs disponibles via la spécification CSS 2 permettent de faire passer rapidement un message, sans pour autant sacrifier à l'impatience du visiteur.

Voici donc une sélection de curseurs... A vous de trouver celui qui sied à votre application en ligne, en passant la souris sur le texte...

Le code
<span style="cursor: crosshair;">Viseur</span>
<span style="cursor: pointer;">Main</span>
<span style="cursor: wait;">Attente</span>
<span style="cursor: help;">Point d'interrogation</span>
<span style="cursor: text;">Texte</span>
<span style="cursor: move;">Objet déplaçable</span>
<span style="cursor: n-resize">Changer la taille vers le haut</span>
<span style="cursor: s-resize">Changer la taille vers le bas</span>
<span style="cursor: e-resize">Changer la taille vers la droite</span>
<span style="cursor: w-resize">Changer la taille vers la gauche</span>
<span style="cursor: ne-resize">Changer la taille haut+droite</span>
<span style="cursor: nw-resize">Changer la taille haut+gauche</span>
<span style="cursor: se-resize">Changer la taille bas+droite</span>
<span style="cursor: nw-resize">Changer la taille bas+gauche</span>
<span style="cursor: auto">Automatique (le navigateur décide)</span>
<span style="cursor: default">Curseur par défaut
</span>

 
[ Xavier BorderieJDNet
 
Accueil | Haut de page