Het maken van aangepaste animatie HTML/DHTML of CSS muiscursors

Het creëren van een bewegende muiscursor voor uw website is uitvoerbaar in een aantal manieren, de gemakkelijkste waarvan is met behulp van een aangepaste afbeeldingsbestand en basic CSS en HTML-code. Zorg ervoor dat u vooraf de risico's begrijpt: veel van uw bezoekers zal niet waarderen een muiscursor die niet uitzien als zij om te kijken--verwacht vooral als het op een manier die is storend wordt geanimeerd. Bovendien, werken sommige cursor technieken niet op bepaalde browsers. Maar bent u zeker dat u wilt doen, de instrumenten zijn er.

• Zoek een geanimeerd GIF-bestand dat u wilt gebruiken voor uw muiscursor, of maak uw eigen en sla het op uw computer.

• Downloaden en installeren van de freeware programma AniTuner (Zie 'Bronnen').

• Het GIF-bestand openen in AniTuner en het omzetten van een bestand met de extensie ANI. Sla het op als "cursor.ani."

• Cursor.ani uploaden naar uw webserver.

• Open uw CSS-stijlpagina om toe te voegen de volgende regel:

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

  Gebruik de volledige URL van het bestand in plaats van "cursor.ani,": bijvoorbeeld, "http://yoursite.com/images/cursor.ani.";

• Sparen het dossier en vernieuwen van uw website. Merk op dat aangepaste bewegende aanwijzers in enkele browsers zoals bepaalde edities van Opera en Safari werken niet. U kunt echter een aantal ingebouwde afbeeldingen gebruiken in plaats van uw aangepaste afbeelding; Zie W3 scholen (Zie 'Bronnen') voor een lijst met andere opties voor afbeeldingen en browser compatibiliteit uitvaardiging.