Comment faire pour créer HTML animée personnalisée / DHTML ou CSS curseurs de souris

Création d'un curseur de souris animée pour votre site web est faisable dans un certain nombre de façons, le plus facile qui est d'utiliser un fichier d'image personnalisée et CSS de base et le code HTML. Assurez-vous que vous comprenez les risques d'avance: nombre de vos visiteurs ne pas apprécier un curseur de souris qui ne ressemble pas comme ils devraient avoir l'air - surtout si elle est en cours d'animation d'une manière qui est distrayant. En outre, certaines techniques de curseur ne fonctionnent pas sur certains navigateurs. Mais si vous êtes sûr que vous voulez le faire, les outils sont là.

Instructions

  1. Localisez un fichier GIF animé que vous souhaitez utiliser pour votre curseur de la souris, ou créer votre propre et l'enregistrer sur votre ordinateur.

  2. Téléchargez et installez le AniTuner de programme freeware (voir "Ressources").




  3. Ouvrez le fichier GIF dans AniTuner et le convertir en un fichier avec l'extension ANI. Enregistrer en tant que "cursor.ani."

  4. Télécharge cursor.ani à votre serveur web.

  5. Ouvrez votre feuille de style CSS pour ajouter la ligne suivante:




    body {cursor: URL ('cursor.ani') -}

    Au lieu de "cursor.ani," utiliser l'URL complète du fichier: par exemple, "http://yoursite.com/images/cursor.ani.";

  6. Enregistrez le fichier et rafraîchir votre site web. Notez que les curseurs animés personnalisés ne fonctionnent pas dans quelques navigateurs tels que certaines éditions de Opera et Safari. Cependant, vous pouvez utiliser un certain nombre d'images intégrées à la place de votre personnalisé image- voir W3 Schools (voir "Ressources") Pour une liste d'autres options de l'image et des problèmes de compatibilité du navigateur.

» » » » Comment faire pour créer HTML animée personnalisée / DHTML ou CSS curseurs de souris