Nwlapcug.com


Come creare Custom animate HTML/DHTML o i cursori del Mouse CSS

Come creare Custom animate HTML/DHTML o i cursori del Mouse CSS


Creazione di un cursore del mouse animati per il tuo sito è fattibile in diversi modi, il più semplice dei quali è utilizzando un file di immagine personalizzata e il codice HTML e CSS di base. Assicurarsi di aver compreso i rischi in anticipo: molti dei tuoi visitatori non apprezzeranno un cursore del mouse che sembra che non si aspetta che a guardare..--soprattutto se si è animata in un modo che è fonte di distrazione. Inoltre, alcune tecniche di cursore non funzionano su alcuni browser. Ma se sei sicuro di che voler farlo, gli strumenti ci sono.

Istruzioni

1

Individuare un file GIF animato che si desidera utilizzare per il cursore del mouse, o crearne di proprie e salvarlo sul computer.

2

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

3

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

4

Caricare Ani al server web.

5

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

corpo {cursor:URL('cursor.ani');}

Al posto di "Ani", utilizza l'intero URL del file: ad esempio, "http://yoursite.com/images/cursor.ani. & quot;

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 predefinite anziché l'immagine personalizzata; per un elenco di altre opzioni immagine e problemi di compatibilità del browser, vedere W3 Schools (vedere "Risorse").