Maison> interface Web> js tutoriel> le corps du texte

Comment définir le style du curseur sur le pointeur du lien sans href ?

王林
Libérer: 2023-08-24 12:13:02
avant
551 Les gens l'ont consulté

如何将光标样式设置为没有 href 的链接的指针?

Nous pouvons utiliser la baliseen HTML pour ajouter des liens vers des pages Web. Le style de curseur par défaut pour l'élémentest le pointeur, mais la suppression de l'attribut href de la balisemodifie le style du curseur.

Donc, dans ce tutoriel, nous apprendrons à conserver le style du curseur commepointeur marqué sans attribut href.

Les utilisateurs peuvent suivre l'exemple ci-dessous pour afficher le style de curseur par défaut deséléments

Exemple

Dans l'exemple ci-dessous, nous utilisons la balisepour créer trois liens différents.

Dans le résultat, nous pouvons observer que lorsque l'on passe la souris sur le premier lien, le curseur devient un pointeur car il contient l'attribut href ; pour le deuxième lien, le curseur devient également un pointeur car il contient également un attribut href avec une valeur de chaîne vide et lorsque nous survolons le troisième lien, le style du curseur change car il ne contient pas l'attribut href.

  

Cursor pointer on the anchor texts

tutorialspoint

Cursor pointer

No cursor pointer
Copier après la connexion

Les utilisateurs comprennent désormais comment le style du curseur change lorsque nous supprimons l'attribut href de la balise.

Ci-dessous, nous examinerons un exemple de définition du pointeur du curseur pour un lien sans attribut href.

Grammaire

Les utilisateurs peuvent suivre la syntaxe ci-dessous et utiliser CSS pour définir le pointeur du curseur sur un lien sans l'attribut href.

Copier après la connexion

Dans la syntaxe ci-dessus, "pointeur" est la classe attribuée à l'élément, et nous modifions le style du pointeur de l'élément contenant la classe "pointeur".

Exemple

Dans l'exemple ci-dessous, nous créons deux élémentsdifférents et attribuons la classe "pointeur" aux deux éléments. Dans la section, nous avons ajouté les styles en ligne pour la page Web. Nous avons accédé à la classe « pointer » dans la balise

Using the CSS to set the cursor pointer on the anchor texts in the link without the href attribute

cursor pointer

No href attribute
Copier après la connexion

Exemple

Dans l'exemple ci-dessous, nous avons utilisé le style "cursor:pointer" pour styliser le curseur d'un élément sans attribut href en pointeur, comme le montre l'exemple 2, mais nous avons appliqué du CSS en ligne à la balise .

Exemple

Dans l'exemple ci-dessous, nous utilisons l'attribut d'événement "onmouseover". Chaque fois que le pointeur de la souris passe sur le marqueur , il appelle la fonction de rappel qui lui est assignée. Ici, au lieu d'attribuer une fonction de rappel, nous attribuons une ligne de CSS.

Ainsi, chaque fois que l'utilisateur survole une balise sans attribut href, le style du curseur sera défini sur pointeur.

Exemple

Dans l'exemple ci-dessous, nous avons utilisé la balise avec l'attribut href, mais nous avons attribué une chaîne vide comme valeur de l'attribut href. Par conséquent, il agit automatiquement comme un lien nul et définit le pointeur du curseur pour la balise .

Dans ce tutoriel, nous avons appris à styliser le curseur comme un pointeur sur un lien sans l'attribut href. Nous utilisons CSS pour changer le style du curseur. De plus, nous utilisons l'attribut d'événement onmouseover pour détecter les événements de survol de la souris et modifier le style du curseur en conséquence.

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!

source:tutorialspoint.com
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
Derniers articles par auteur
Recommandations populaires
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!