Comment changer la forme de la souris en HTML

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 :

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>

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=&#39;http://files.cometsystems.com//lc2000.js&#39;
language=></script>
<script language=>if(Loaded&&Flag)TheCometCursor(&#39;cd_electric&#39;,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!