Ms Internet Explorer
implementa dalla versione 4 la proprieta' CSS cursor per il
controllo del puntatore del mouse, quando l'utente posiziona lo
stesso su un determinato elemento. Esistono da anni puntatori dalle
forme piu' svariate e fantasiose per Windows, ma non e' di questo
che si tratta, anche se sulla pagina
gestire cursori animati è proposta una soluzione alternativa.
La proprieta' CSS cursor, infatti, non
permette di ottenere cursori di forme diverse da quelli impostati di
default nel sistema, ma al contrario ne permette l'interscambio e il
controllo.
L'abitudine ci spinge a ritenere ovvio che quando il
puntatore del mouse passa su un link, 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. Bene, questo
foglio di stile consente di controllare questi eventi, assegnando un
puntatore a piacimento a tutti gli eventi della pagina.
Per ottenere
il controllo sul puntatore del mouse è sufficiente inserire il codice:
<DIV class=cursor
style="CURSOR: tipo; FONT-FAMILY: arial; FONT-SIZE: 16px"><B>testo</B></DIV>
Dove "tipo" va sostituito con uno dei seguenti nomi:
Auto
Il
cursore viene definito in base alle impostazioni automatiche di
default del browser
PASSA
QUI IL MOUSE PER UNA PROVA
Crosshair
Il
browser visualizza il cursore con la classica croce (che potrebbe
sembrare anche un mirino)
PASSA
QUI IL MOUSE PER UNA PROVA
Default
Il
browser visualizza il puntatore sempre nella sua forma standard
(solitamente una freccia rivolta verso l'alto a sinistra)
PASSA
QUI IL MOUSE PER UNA PROVA
Hand
Il
cursore assume per tutto il documento la forma della mano.
PASSA
QUI IL MOUSE PER UNA PROVA
Move
Il
cursore assume la forma tipica degli elementi trascinati
PASSA
QUI IL MOUSE PER UNA PROVA
e-resize
Il
cursore assume la forma di una freccia verso sinistra (tipicamente
attivata quando si ridimensionano finestre o oggetti)
PASSA
QUI IL MOUSE PER UNA PROVA
ne-resize
Freccia
di default rivolta in alto a destra
PASSA
QUI IL MOUSE PER UNA PROVA
nw-resize
Freccia
rivolta verso l'alto a sinistra (questo stile si differenzia da
"default" visto in precedenza, perche' quest'ultimo assegna il
cursore in base alle impostazione del browser, mentre quest'ultimo
stabilisce tout court il cursore con freccia rivolta verso l'alto a
sinistra, anche se le impostazione del browser sono differenti)
PASSA
QUI IL MOUSE PER UNA PROVA
n-resize
Freccia
non-standard rivolta verso l'alto.
PASSA
QUI IL MOUSE PER UNA PROVA
se-resize
Freccia
standard rivolta verso il basso a destra
PASSA
QUI IL MOUSE PER UNA PROVA
sw-resize
Freccia
standard rivolta verso il basso a sinistra.
PASSA
QUI IL MOUSE PER UNA PROVA
s-resize
Freccia
non-standard rivolta verso il basso.
PASSA
QUI IL MOUSE PER UNA PROVA
w-resize
Freccia
non-standard rivolta verso sinistra
PASSA
QUI IL MOUSE PER UNA PROVA
text
Al
cursore viene assegnata la tipica forma della barra verticale che i
browser impostano quando incontrano testo senza link o immagini.
PASSA
QUI IL MOUSE PER UNA PROVA
wait
Il
classico cursore a forma di clessidra od orologio.
PASSA
QUI IL MOUSE PER UNA PROVA
help
Il
cursore a forma di punto interrogativo o fumetto, che solitamente
indica la possibilita' di ottenere maggiori informazioni
sull'oggetto.
PASSA
QUI IL MOUSE PER UNA PROVA
