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)
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>