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