Modifier
l'apparence du pointeur
Passez la souris sur les mots ci-dessous pour visualiser les
différents pointeurs disponibles.
Le dernier exemple est déclinable avec tous les points
cardinaux :
le code à inserer dans le html
<HTML>
<HEAD>
<TITLE>CoppoWeb : Modifier l'apparence du pointeur</TITLE>
</HEAD>
<BODY BACKGROUND="jsback2.gif">
<h2><FONT COLOR="Red">Modifier l'apparence du pointeur</font></h2>
Passez la souris sur les mots ci-dessous pour visualiser les différents pointeurs disponibles.<p />
<ul>
<li><a href="#" style="cursor:hand">Une main</a>
<li><a href="#" style="cursor:text">Insert texte</a>
<li><a href="#" style="cursor:help">Un point d'interrogation</a>
<li><a href="#" style="cursor:wait">Un sablier</a>
<li><a href="#" style="cursor:crosshair">Une croix</a>
<li><a href="#" style="cursor:move">Une croix fléchée</a>
<li><a href="#" style="cursor:e-resize">Une flèche orientée à l'est</a>
</ul>
Le dernier exemple est déclinable avec tous les points cardinaux :
<p />
<ul>
<li><a href="#" style="cursor:n-resize">Une flèche orientée au nord</a>
<li><a href="#" style="cursor:ne-resize">Une flèche orientée au nord-est</a>
<li><a href="#" style="cursor:e-resize">Une flèche orientée à l'est</a>
<li><a href="#" style="cursor:se-resize">Une flèche orientée au sud-est</a>
<li><a href="#" style="cursor:s-resize">Une flèche orientée au sud</a>
<li><a href="#" style="cursor:sw-resize">Une flèche orientée sud-ouest</a>
<li><a href="#" style="cursor:w-resize">Une flèche orientée à l'ouest</a>
<li><a href="#" style="cursor:nw-resize">Une flèche orientée au nord-ouest</a>
</ul>
<br>
Cliquez sur <i>Voir Source</i> pour afficher le code HTML de la page<p>
<CENTER><FORM><INPUT TYPE="BUTTON" VALUE="Voir Source" onClick='window.location="view-source:" + window.location.href'></FORM>
<br><br>
<hr>
<TABLE BORDER=0 WIDTH="100%" cellspacing="0" cellpadding="0">
<TR>
<TD BGCOLOR="#E6E6E6"><center><A TARGET="_top" HREF="../index.php">Index</a></center></TD></TR>
</TABLE>
</center>
</BODY>
</HTML>
