Come fare un effetto Cursore

November 14

Cursore effetti consentono di modificare l'icona del cursore quando un utente passa il mouse su un elemento Web. Si utilizza anche effetti cursore per dire all'utente di attendere dopo aver cliccato un elemento Web. effetti del cursore permettono di inviare feedback all'utente. JavaScript e CSS consente di creare effetti cursore sulle pagine Web. È possibile utilizzare le icone del cursore predefinite contenute nel computer di ogni utente.

istruzione

1 Fare clic sul file HTML in cui si desidera impostare gli effetti del cursore e selezionare "Apri con". Clicca il tuo editor HTML per caricare il codice.

2 Creare una nuova classe CSS. Aggiungere il seguente codice all'interno della sezione "testa" del codice HTML:

<Script type = "text / css">
.wait {cursore: aspettare}
</ Script>

Questo codice imposta una classe CSS per modificare il cursore sull'icona "attesa", che è la clessidra.

3 Collegare la nuova classe CSS per il vostro elemento Web. Ad esempio, il codice seguente collega la nuova classe CSS a un pulsante:

<Input type = "button" value = "Fare clic per applicare" onclick = "this.className = 'attesa';">

4 Salvare le modifiche e aprire il file HTML in un browser Web. Fare clic sul pulsante creato al punto 3 per visualizzare l'effetto del cursore.