Esempio
Cambiare il cursore:
document.getElementById("myP").style.cursor = "pointer"; Prova tu stesso " Definizione e l'utilizzo
Gli insiemi di proprietà cursore o restituisce il tipo di cursore da visualizzare per il puntatore del mouse.
Supporto browser
La proprietà del cursore è supportata in tutti i principali browser.
Sintassi
Restituire la proprietà del cursore:
object .style.cursor
Impostare la proprietà del cursore:
object .style.cursor= I valori delle proprietà Valore Descrizione alias Il cursore indica un alias di qualcosa deve essere creato all-scroll Il cursore indica che qualcosa può essere fatto scorrere in qualsiasi direzione auto Predefinito. Il browser stabilisce un cursore cell Il cursore indica che una cella (or set of cells) può essere selezionato context-menu Il cursore indica che un contesto-menu è disponibile col-resize Il cursore indica che la colonna può essere ridimensionato orizzontalmente copy Il cursore indica qualcosa è da copiare crosshair Il cursore rendering come mirino default Il cursore predefinito e-resize Il cursore indica che un bordo di una scatola deve essere spostata a destra (east) ew-resize Indica un cursore di ridimensionamento bidirezionale help Il cursore indica che l'aiuto è disponibile move Il cursore indica qualcosa deve essere spostato n-resize Il cursore indica che un bordo di una scatola deve essere spostato fino (north) ne-resize Il cursore indica che un bordo di una scatola deve essere spostato in su e destra (north/east) nesw-resize Indica un cursore di ridimensionamento bidirezionale ns-resize Indica un cursore di ridimensionamento bidirezionale nw-resize Il cursore indica che un bordo di una scatola deve essere spostato in su e sinistra (north/west) nwse-resize Indica un cursore di ridimensionamento bidirezionale no-drop Il cursore indica che l'elemento trascinato non può essere eliminato qui none Nessun del cursore è resa per l'elemento not-allowed Il cursore indica che non verrà eseguita l'azione richiesta pointer Il cursore è un puntatore e indica un collegamento progress Il cursore indica che il programma è occupato (in progress) row-resize Il cursore indica che la riga può essere ridimensionato verticalmente s-resize Il cursore indica che un bordo di una scatola deve essere spostato verso il basso (south) se-resize Il cursore indica che un bordo di una scatola deve essere spostato verso il basso e destra (south/east) sw-resize Il cursore indica che un bordo di una scatola deve essere spostato verso il basso e sinistra (south/west) text Il cursore indica testo che può essere selezionato URL Una virgola ha separato la lista di URL da cursori personalizzati. Note: Specificare sempre un cursore generici alla fine della lista, nel caso in cui nessuno dei cursori URL definito può essere utilizzato vertical-text Il cursore indica verticale testo che può essere selezionato w-resize Il cursore indica che un bordo di una scatola deve essere spostato a sinistra (west) wait Il cursore indica che il programma è occupato zoom-in Il cursore indica che qualcosa può essere ingrandita zoom-out Il cursore indica che qualcosa può essere ingrandito initial Consente di impostare questa proprietà al suo valore di default. Leggi iniziale inherit Eredita questo immobile dal suo elemento genitore. Leggi su erediterà
Dettagli tecnici
Valore di default: auto Valore di ritorno: Una stringa, che rappresenta il cursore del mouse visualizzato quando il puntatore del mouse è sopra un elemento CSS Version CSS2
Altri esempi
Esempio
Mostra tutti i cursori disponibili:
var whichSelected = x.selectedIndex;
document.body.style.cursor = x.options[whichSelected].text;
Prova tu stesso "
Esempio
Restituisce il tipo di cursore:
alert(document.getElementById("myP").style.cursor);
Prova tu stesso "
Pagine correlate
Di riferimento CSS: cursor property
<Stile di oggetto