Maison > interface Web > Questions et réponses frontales > Comment changer la forme de la souris en HTML

Comment changer la forme de la souris en HTML

藏色散人
Libérer: 2021-04-13 14:39:33
original
4705 Les gens l'ont consulté

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.

Comment changer la forme de la souris en HTML

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 :

Curseur personnalisé

默认

default

文字/编辑

text

自动

auto

手形

pointer, hand(hand是IE专有)

可移动对象

move

不允许

not-allowed

无法释放

no-drop

等待/沙漏

wait

帮助

help

十字准星

crosshair

向上改变大小(North)

n-resize

向下改变大小(South)

s_resize 与n-resize效果相同

向左改变大小(West)

w-resize

向右改变大小(East)

e-resize 与w-resize效果相同

向左上改变大小(NorthWest)

nw-resize

向左下改变大小(SouthWest)

sw-resize

向右上改变大小(NorthEast)

ne-resize 与sw-resize效果相同

向右下改变大小(SouthEast)

se-resize 与nw-resize效果相同

自定义光标

url('光标地址')

Par défaut
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>
Copier après la connexion

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>
Copier après la connexion

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=&#39;http://files.cometsystems.com//lc2000.js&#39;
language=></script>
<script language=>if(Loaded&&Flag)TheCometCursor(&#39;cd_electric&#39;,0,626);</script>
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal