Come fare una foto seguirà il cursore in CSS

August 21

Come fare una foto seguirà il cursore in CSS


Il cursore che appare quando si sposta il mouse sul tuo sito web visualizza un'immagine predefinita, come ad esempio una mano o una freccia, ma è possibile modificarlo per l'immagine della vostra scelta. Utilizzando Cascading Style Sheets (CSS), si assegna un grafico per il cursore in modo che segua il movimento del mouse e sostituisce l'immagine di default. Utilizzare editor di testo del computer per applicare il CSS che modifica il cursore.

istruzione

1 Accedere al conto host web che gestisce i file del sito web. Carica l'immagine che si desidera utilizzare per il cursore nella stessa cartella che contiene file di indice principale del tuo sito web.

2 Avviare il programma di editor di testo e digitare il codice CSS prima del </ head> tag di chiusura:

<Style type = "text / css">
body {}
</ Style>

La regola del corpo consente di applicare una foto per il cursore che appare sulla pagina Web.

3 Tipo "cursore: url ()" tra parentesi graffe della regola corpo. Digitare il nome del file immagine cursore tra le parentesi come il seguente esempio:

body {cursore: url (cursorpic.gif)}

4 Salvare il file. La vostra completa CSS appare ora assomiglia a questo:

<Style type = "text / css">
body {cursore: url (cursorpic.gif)}
</ Style>

5 Carica il file sul Web host. Il cursore sito ora visualizza l'immagine.

Consigli e avvertenze

  • Cursore immagini sono in genere 16 o 32 pixel di larghezza per 16 o 32 pixel di altezza. Utilizzare programma Paint MS del computer per ridimensionare l'immagine quando è necessario.