Nwlapcug.com


Come fare un effetto del cursore

Effetti cursore consentono di modificare l'icona del cursore quando l'utente posiziona il mouse su un elemento del Web. È inoltre possibile utilizzare gli effetti di cursore per informare l'utente di attendere dopo aver cliccato su un elemento di Web. Effetti cursore consentono di inviare feedback per l'utente. JavaScript e CSS consente di creare effetti di cursore sulle tue pagine Web. È possibile utilizzare icone cursore predefinito incluse nel computer di ogni utente.

Istruzioni

1

Pulsante destro del mouse il file HTML in cui si desidera impostare effetti di cursore e selezionare "Apri con". Fare clic su editor HTML per caricare il codice.

2

Creare una nuova classe CSS. Aggiungere il seguente codice nella sezione "head" del codice HTML:

< script type = "text/css" >
Aspetta {cursor: aspettare}
< / script >

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

3

Collegare la nuova classe CSS all'elemento di Web. Per esempio, il codice seguente collega la nuova classe CSS a un pulsante:

< tipo input = "pulsante" value = "Fare clic su Submit" onclick="this.className='wait';" >

4

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