Comment changer la forme de la souris en HTML : 1. Utilisez l'attribut curseur de CSS pour changer la forme du pointeur de la souris, un code tel que ".a{ Cursor:hand }" ; contrôles tiers pour modifier la forme du pointeur de la souris.
L'environnement d'exploitation de cet article : système Windows 7, version HTML5&&CSS3, ordinateur Dell G3.
CSS/HTML Changer la forme du pointeur de la souris
Il existe deux façons de changer la forme du pointeur de la souris : utiliser l'attribut curseur CSS ; pour changer la forme du pointeur de la souris. L'autre est : utiliser des contrôles tiers, et celui que j'utilise le plus souvent est le premier : utiliser la feuille de style CSS pour changer la forme du pointeur de la souris
Allons regardez d'abord le premier : utilisez l'attribut curseur pour changer la forme du pointeur de la souris .
Parfois, nous n'avons pas besoin de texte ou d'images pour ajouter des liens, et nous voulons également le style de la souris lors de l'ajout de liens. Cela utilise notre feuille de style CSS en forme de pointeur de souris. Veuillez utiliser le pointeur de souris CSS suivantCertaines propriétés de la feuille de style CSS :
|
par défaut | ||||||||||||||||||||||||||||||||||||||
Texte/Modifier | texte | ||||||||||||||||||||||||||||||||||||||
Automatique | auto | ||||||||||||||||||||||||||||||||||||||
Forme de la main | pointeur, main (la main est exclusive à IE) | ||||||||||||||||||||||||||||||||||||||
Objet mobile | déplacer | ||||||||||||||||||||||||||||||||||||||
Non autorisé | non autorisé | ||||||||||||||||||||||||||||||||||||||
Impossible de libérer | pas de chute | ||||||||||||||||||||||||||||||||||||||
attendre/sablier | attendre | ||||||||||||||||||||||||||||||||||||||
Aide | aide | ||||||||||||||||||||||||||||||||||||||
Réticule | réticule | ||||||||||||||||||||||||||||||||||||||
Changer la taille vers le haut (Nord) td> | n-resize | ||||||||||||||||||||||||||||||||||||||
Changer la taille vers le bas (Sud) | s_resize a le même effet que n-resize | Changer la taille vers la gauche (Ouest) | w- redimensionner | ||||||||||||||||||||||||||||||||||||
Redimensionner vers la droite (Est) | e-resize a le même effet que w-resize | ||||||||||||||||||||||||||||||||||||||
Redimensionner en haut à gauche (Nord-Ouest) | nw-resize | ||||||||||||||||||||||||||||||||||||||
Redimensionner vers la gauche et le bas (Sud-Ouest) | sw- redimensionner | ||||||||||||||||||||||||||||||||||||||
Changer la taille en haut à droite (Nord-Est) | ne-resize a le même effet que sw-resize | ||||||||||||||||||||||||||||||||||||||
Modifiez la taille en bas à droite (Sud-Est) | se-resize a le même effet que nw-resize | ||||||||||||||||||||||||||||||||||||||
url('adresse du curseur') |
Ce qui précède est la feuille de style CSS qui change la forme du pointeur de la souris. Comment l'appliquer ? Prenons un exemple pour illustrer :
<style type="text/css"> .a{ cursor:hand } /*这里边的curusor的值可以是以上表中的任何值,或是你自己定义*/</style> <p class=”a”>欢迎您到XXX来做客</p>
Vous pouvez aussi écrire la feuille de style directement dans la balise p et l'effet est le même, par exemple :
<p style=”cursor:help;”>欢迎您到XXX来做客</p>
Il y a un autre usage, le principe est : utiliser Un attribut de curseur de CSS2, curseur : url (url), les fichiers de souris peuvent utiliser différents formats de fichiers tels que jpg, gif, ani et cur. Il convient de noter que cette méthode ne peut être affichée normalement que dans les navigateurs IE5.5 ou supérieurs.
[Apprentissage recommandé : Tutoriel vidéo HTML]
La deuxième méthode pour modifier la forme du pointeur de la souris : utiliser des contrôles tiers
Ceci La méthode est très simple. Il vous suffit d'ajouter le code suivant entre les
<script language=>var Loaded=false;var Flag=false;</script> <script src='http://files.cometsystems.com//lc2000.js' language=></script> <script language=>if(Loaded&&Flag)TheCometCursor('cd_electric',0,626);</script>
Après modification, le navigateur affichera un message. « Avertissement des paramètres de sécurité », cliquez sur « Oui », le système installe automatiquement le contrôle et la souris peut être affichée selon vos besoins.
Alors, comment choisir le style de souris dont vous avez besoin ? Connectez-vous d'abord au site Web http://www.cometzone.com. Ce site Web propose plus de 4 000 types de souris dans 14 grandes catégories. Le contenu est très complet et les fichiers de souris sont également magnifiquement produits. dont vous avez besoin parmi les catégories en fonction de vos besoins et cliquez sur la souris correspondante. Vous pouvez prévisualiser différents effets en cliquant sur l'image de la souris.
Après avoir sélectionné la souris, cliquez sur le lien « OBTENIR LE CODE DU CURSEUR » dans le volet de navigation de gauche de la page Web, accédez à la page suivante, puis cliquez sur le bouton « Sélectionner le code » Le contenu dans la zone de texte multiligne. sous le bouton se trouve le code que j'ai fourni ci-dessus. Seule la partie TheCometCursor('cd_electric',0,626) du code est différente, et l'état de la souris affiché est également différent.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!