Ce script est déclaré obsolète. Il n'est conservé que pour information.
Script : Curseur souris modifiable
Changez le curseur de la souris au passage au dessus d'un élément
Exécution du script
Code source
<HTML><HEAD><TITLE>Tout JavaScript.com - Les curseurs souris</TITLE><STYLE type="text/css">TD{font-family:arial;color:navy;font-size:10pt}.code{font-family:courrier;color:green;font-size:10pt}</STYLE></HEAD><BODY><FONT face="arial" color="navy" size="2"><CENTER><BIG><B>Les curseurs souris</B></BIG></CENTER><BR><BR>Grâce aux feuilles de style, il est possible (avec Internet Explorer 4 et + uniquement) de paramétrer l'apparence du curseur de la souris sur les différents objets d'une page HTML.<BR><BR>Par exemple :<BR>Sur un texte de lien - <A href="javascript:alert('Lien inactif')" style="cursor:help"><B>Un exemple de lien</B></A><BR><SPAN class="code"><A style="cursor:help" href="page.htm">Texte de la cellule</A></SPAN><BR><BR><TABLE><TR><TD>Dans une cellule d'un tableau - </TD><TD style="cursor:help" bgcolor=navy width=100> </TD></TR></TABLE><SPAN class="code"><TD style="cursor:help">Texte de la cellule</TD></SPAN><BR><BR>Le tableau suivant montre tous les curseurs existants. Passez la souris sur la première colonne pour voir le curseur.<BR>Fonctionne avec IE5+, Mozilla et NS7<TABLE BORDER="1" bordercolor=navy cellpadding=2 cellspacing=0 ><TR align=center> <TD><B>Curseur</B></TD><TD><B>Code</B></TD><TD><B>Commentaire</B></TD></TR><TR> <TD STYLE="cursor:crosshair" width="130"> </TD> <TD width=150> cursor:crosshair</TD> <TD width=200> Croix précise</TD></TR><TR> <TD STYLE="cursor:pointer" width="130"> </TD> <TD width=150> cursor:pointer</TD> <TD width=200> Main</TD></TR><TR> <TD STYLE="cursor:move" width="130"> </TD> <TD width=150> cursor:move</TD> <TD width=200> Déplacement</TD></TR><TR> <TD STYLE="cursor:text" width="130"> </TD> <TD width=150> cursor:text</TD> <TD width=200> Curseur texte</TD></TR><TR> <TD STYLE="cursor:wait" width="130"> </TD> <TD width=150> cursor:wait</TD> <TD width=200> Sablier</TD></TR><TR> <TD STYLE="cursor:help" width="130"> </TD> <TD width=150> cursor:help</TD> <TD width=200> Flèche + ?</TD></TR><TR> <TD STYLE="cursor:e-resize" width="130"> </TD> <TD width=150> cursor:e-resize</TD> <TD width=200> Flèche vers la droite</TD></TR><TR> <TD STYLE="cursor:w-resize" width="130"> </TD> <TD width=150> cursor:w-resize</TD> <TD width=200> Flèche vers la gauche</TD></TR><TR> <TD STYLE="cursor:n-resize" width="130"> </TD> <TD width=150> cursor:n-resize</TD> <TD width=200> Flèche vers le haut</TD></TR><TR> <TD STYLE="cursor:s-resize" width="130"> </TD> <TD width=150> cursor:s-resize</TD> <TD width=200> Flèche vers le bas</TD></TR><TR> <TD STYLE="cursor:ne-resize" width="130"> </TD> <TD width=150> cursor:ne-resize</TD> <TD width=200> Flèche vers le nord-est</TD></TR><TR> <TD STYLE="cursor:nw-resize" width="130"> </TD> <TD width=150> cursor:nw-resize</TD> <TD width=200> Flèche vers le nord-ouest</TD></TR><TR> <TD STYLE="cursor:se-resize" width="130"> </TD> <TD width=150> cursor:se-resize</TD> <TD width=200> Flèche vers le sud-est</TD></TR><TR> <TD STYLE="cursor:sw-resize" width="130"> </TD> <TD width=150> cursor:sw-resize</TD> <TD width=200> Flèche vers le sud-ouest</TD></TR><TR> <TD STYLE="cursor:default" width="130"> </TD> <TD width=150> cursor:defaut</TD> <TD width=200> Curseur par défaut</TD></TR></TABLE></FONT></BODY></HTML>
Troisième édition Tout JavaScript chez Dunod
En savoir plusSortie le 4 janvier 2023
Version papier 29€90
Format électronique 22€99.
Commandez en ligneLe graph des objets JavaScript
Chargement
en cours...
