Cursore

Dalla versione 4 in poi Internet Explorer inserisce la proprieta' CSS cursor per il controllo del puntatore del mouse. Questo CSS cursor, permette l'interscambio e il controllo dei cursori. Quando passiamo su di un link, l'abitudine ci fa ritenere ovvio che il puntatore del mouse da freccia si trasforma in manina. Cosi' come quando una pagina Web e' in fase di caricamento e' normale che il puntatore si trasformi in clessidra. Grazie a questo CSS potrete controllare questi eventi, assegnando un puntatore a vostra scelta a tutti gli eventi della pagina.

Eccovi il codice da usare:

<DIV CLASS="cursor" STYLE="cursor: hand; font-size:16; font-family:arial"><B>Hand</B></DIV>
Con questo CSS,passando qui sopra il cursore assume la forma di una mano
<DIV STYLE="cursor: hand; font-size:12; font-family:arial; color:gray"><B>PASSA QUI IL MOUSE PER UNA PROVA</B></DIV>


Segue ora un elenco di effetti ottenibili sostituendo al codice di sopra hand con il nome dell'effeto:

Auto
Il cursore viene definito con le impostazioni di default del browser.

Crosshair
Il browser visualizza il cursore con la classica croce

Default
Il browser visualizza il puntatore nella sua forma standard

Hand
Il cursore assume la forma della mano

Move
Il cursore assume la forma degli elementi che vengono trascinati

e-resize
Il cursore assume la forma di una freccia verso sinistra

ne-resize
Freccia rivolta in alto verso destra

nw-resize
Freccia rivolta verso l'alto a sinistra 

n-resize
Freccia rivolta verso l'alto.

se-resize
Freccia rivolta verso il basso a destra

sw-resize
Freccia rivolta verso il basso a sinistra.

s-resize
Freccia rivolta verso il basso.

w-resize
Freccia rivolta verso sinistra

text
Al cursore viene assegnata la tipica forma della barra verticale

wait
Il classico cursore a forma di clessidra od orologio

help
Il cursore a forma di punto interrogativo o fumetto

Lezione successiva ->