Come creare personalizzato HTML animato / DHTML o CSS mouse cursori

May 30

Come creare personalizzato HTML animato / DHTML o CSS mouse cursori


Creazione di un cursore animato del mouse per il tuo sito è fattibile in un certo numero di modi, il più semplice dei quali è quello di utilizzare un file di immagine personalizzato e CSS di base e codice HTML. Assicurarsi di aver compreso i rischi in anticipo: molti dei vostri ospiti non apprezzeranno un cursore del mouse che non sembra si aspettavano a guardare - soprattutto se è in corso di animazione in un modo che è fonte di distrazione. Inoltre, alcune tecniche del cursore non funzionano su alcuni browser. Ma se siete sicuri di voler fare, gli strumenti ci sono.

istruzione

1 Individuare un file GIF animato che desideri utilizzare per il cursore del mouse, o creare il proprio e salvarlo sul computer.

2 Scaricare e installare il programma AniTuner freeware (vedi "Risorse").

3 Aprire il file GIF in AniTuner e convertirlo in un file con estensione ANI. Salvarlo come "cursor.ani."

4 Carica cursor.ani al vostro web server.

5 Aprire il foglio di stile CSS per aggiungere la seguente riga:

body {cursore: URL ( 'cursor.ani'); }

Al posto di "cursor.ani," utilizzare l'intero URL del file: per esempio, "http://yoursite.com/images/cursor.ani."

6 Salvare il file e aggiornare il tuo sito web. Si noti che i cursori animati personalizzati non funzionano in alcuni browser, come alcune edizioni di Opera e Safari. Tuttavia, è possibile utilizzare un numero di immagini incorporate l'immagine personalizzata invece di; vedi W3 Schools (vedi "Risorse") per un elenco di altre opzioni di immagine e problemi di compatibilità del browser.