Comment utiliser CSS() pour définir le style d'interdiction de la souris dans jquery-Questions et réponses frontales-php.cn

Comment utiliser CSS() pour définir le style d'interdiction de la souris dans jquery

青灯夜游

Libérer： 2022-05-07 20:30:23

original

1953 Les gens l'ont consulté

Méthode : utilisez simplement CSS() pour définir la valeur de l'attribut de style de la souris "curseur" sur "non autorisé". La syntaxe est "Element object.css("cursor","not-allowed")" ou " element.css({"cursor":"not-allowed"})".

Comment utiliser CSS() pour définir le style d'interdiction de la souris dans jquery

L'environnement d'exploitation de ce tutoriel : système Windows 7, jquery version 1.10.2, ordinateur Dell G3.

Si vous souhaitez définir le style d'interdiction de la souris, utilisez simplement l'attribut curseur.

Utilisez simplement CSS() pour définir la valeur de l'attribut de style de la souris "curseur" sur "non autorisé".

Il existe deux syntaxes de configuration :

元素对象.css("cursor","not-allowed")
元素对象.css({"cursor":"not-allowed"})

Copier après la connexion

Exemple d'implémentation :

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").click(function() {
					// $("p").css("cursor","not-allowed");
					$("p").css({"cursor":"not-allowed"});
				});
			});
		</script>
	</head>

	<body>
		<p>一个p元素，让鼠标移动到该元素上</p>
		<button>设置鼠标禁止样式</button>
	</body>

</html>

Copier après la connexion

Comment utiliser CSS() pour définir le style dinterdiction de la souris dans jquery

Description :

L'attribut curseur définit la forme du curseur utilisée lorsque le pointeur de la souris est placé dans les limites d'un élément.

Lorsque la valeur de l'attribut du curseur est "non autorisé", la forme du curseur de la souris est un motif interdit.

L'attribut curseur a les valeurs suivantes. La valeur par défaut est default

cursor: help; Cursor: no-drop; Emplacement actuel Pour le contenu du textecursor: move;curseur : n-resize;curseur : s-resize;curseur : e-resize;curseur : w-resize;curseur : ne-resize; cursor: nw-resize;curseur : progression Remarque : après avoir défini le curseur personnalisé, ajoutez un curseur général à la fin pour empêcher les curseurs définis par ces URL de ne pas être utilisés Vous me direz peut-être, l'attribut curseur a tellement de valeurs, comment s'en souvenir ? En fait, vous n'avez pas à vous inquiéter. Dans le développement réel, nous n'utilisons généralement que les deux valeurs d'attribut "default" et "pointer", et les autres sont généralement rarement utilisées. Si vous ne pouvez vraiment pas vous empêcher mais que vous avez encore besoin d'autre chose, revenez simplement et consultez ce genre de tableau. ,

crosshair ; curseur : 个个 Écrivez deux pour prendre soin d'IE5, il ne reconnaît que Hand.	Main	Le curseur indique qu'il y a une connexion sous la forme d'un doigt (doigt)
curseur : attendez Le programme est correct Occupé (généralement une montre ou un sablier)
Objets mobiles	Le curseur implique que quelque chose doit être déplacé
Changer la taille vers le haut (Nord)	Le bord peut monter (Nord)
Redimensionner vers le bas (Sud)	Le bord peut se déplacer vers le bas (Sud)
Redimensionner vers la droite (Est)	le bord de la boîte peut se déplacer vers la droite (Est) )
Redimensionner vers la gauche (Ouest)	Le bord peut se déplacer vers la gauche (Ouest)
Redimensionner vers la droite (nord-est)	curseur Cela implique que le bord de la boîte peut être déplacé vers le coin supérieur droit (direction nord-est)
Redimensionner vers le haut et vers la gauche (Nord-Ouest)	Le bord peut se déplacer vers le haut et vers la gauche (Nord-Ouest)
curseur : se-resize;	Redimensionner vers le bas à droite (Sud-Est)	Le bord peut se déplacer vers le bas à droite (sud-est)
cursor: sw-resize;	Redimensionner vers le bas et vers la gauche (sud-ouest)	Le bord peut se déplacer vers le bas à gauche ( Sud-ouest)
curseur : auto ;	curseur :non autorisé ;
État du curseur par défaut (généralement une flèche) 个Curseur : url; (' # '); # = Adresse du fichier des classes (notez que le format du fichier doit être : .cur ou .ani).	Défini par l'utilisateur (animation disponible)	Personnalisez la position de l'url du curseur
	【Apprentissage recommandé : Tutoriel vidéo jQuery	Développement web front-end 】

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!