Parte di una user experience ricca di eventi su siti web fornisce grafica e interattività per l'utente. Un'attività è un cambiamento del icona del mouse quando si libra sopra gli oggetti. Proprio come un videogioco, icona del mouse cambiamenti rendono l'esperienza più piacevole per l'utente, aggiungendo alla sua attrazione. Più attrazione significa più visite e un maggior traffico, portando a più vendite e di reddito. Fornire un cambiamento nella icona del mouse solo bisogno un'ulteriore riga di codice.

istruzione

1 Cambiare l'icona del mouse mentre la forma sottopone. Se si dispone di un modulo che richiede un po 'di tempo per caricare, utilizzando una clessidra è vantaggioso per permettere all'utente di sapere che il sistema sta elaborando. Per cambiare l'icona durante questo processo, utilizzare questa riga di codice nel tag "form".

<Form onsubmit = "document.body.style.cursor = 'attesa'"> </ form>

2 Utilizzare un'altra icona del mouse quando si passa sopra un oggetto modulo web. Per esempio, si può decidere un'icona diversa quando l'utente passa il mouse su un oggetto come una cella di immagine o una tabella. Utilizzare questa riga di codice all'interno di un tag con il tag "onmouseover" per cambiare l'icona del mouse.

<IMG onmouseover = "this.style.cursor = 'mirino';">

Questo esempio viene modificato l'icona del mouse sull'icona di una mirino quando si libra sopra un'immagine.

3 Decidere quale set di icone che si desidera utilizzare. Ci sono diverse icone built-in disponibili attraverso la finestra del browser. A meno che l'utente scarica un'icona dal tuo sito, si sono limitati al numero di icone disponibili. Questa è una lista di diverse opzioni quando la programmazione del codice:
auto - il default
mirino - croce
puntatore - la mano simile a quello che appare su un collegamento
aiuto - punto interrogativo
spostare - la mano che indica un elemento mobile
il testo - il cursore
aspettare - clessidra