Maison > Article > interface Web > Comment utiliser CSS() pour définir le style d'interdiction de la souris dans jquery
Comment utiliser CSS() pour définir le style d'interdiction de la souris dans jquery
- 青灯夜游original
- 2022-05-07 20:30:231921parcourir
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"})".
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"})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>
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
|
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) |
|
cursor: help; Cursor: no-drop; Emplacement actuel Pour le contenu du texte | |
| 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é ; |
curseur : progression |
| É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 | 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. |
【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!