So verwenden Sie CSS(), um den Mausverbotsstil in jquery festzulegen

青灯夜游
Freigeben: 2022-05-07 20:30:23
Original
1929 Leute haben es durchsucht

Methode: Verwenden Sie einfach CSS(), um den Wert des Mausstilattributs „cursor“ auf „not-allowed“ zu setzen. Die Syntax lautet „Element object.css(„cursor“, „not-allowed“)“ oder „ element.css({"cursor":"not-allowed"})".

So verwenden Sie CSS(), um den Mausverbotsstil in jquery festzulegen

Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.2-Version, Dell G3-Computer.

Wenn Sie den Mausverbotsstil festlegen möchten, verwenden Sie einfach das Cursor-Attribut.

Verwenden Sie einfach CSS(), um den Wert des Mausstilattributs „cursor“ auf „nicht zulässig“ zu setzen.

Es gibt zwei Einstellungssyntaxen:

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

Implementierungsbeispiel:

<!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>
Nach dem Login kopieren

So verwenden Sie CSS(), um den Mausverbotsstil in jquery festzulegen

Beschreibung:

cursor-Attribut definiert die Cursorform, die verwendet wird, wenn der Mauszeiger innerhalb der Grenzen eines Elements platziert wird.

Wenn der Attributwert des Cursor-Attributs „nicht zulässig“ ist, ist die Form des Mauszeigers ein verbotenes Muster.

Das Cursor-Attribut hat die folgenden Werte:

Kante kann nach oben verschieben (Norden)Kante kann nach unten verschoben werden (Süden)Boxkante kann nach rechts verschoben werden (Osten). )Kante kann nach links (Westen) verschoben werdenCursor Dies bedeutet, dass der Rand des Felds nach rechts oben (Nordostrichtung) verschoben werden kannCursor: automatisch; Cursor: nicht zulässig; Cursor: Fortschritt; # = Klassendateiadresse (beachten Sie, dass das Dateiformat sein muss: .cur oder .ani). Benutzerdefiniert (Animation verfügbar) Hinweis: Fügen Sie nach dem Definieren des benutzerdefinierten Cursors am Ende einen allgemeinen Cursor hinzu, um zu verhindern, dass durch diese URLs definierte Cursor nicht verwendet werden können 【Empfohlenes Lernen: jQuery-Video-Tutorial,

Fadenkreuz: 个 个 Schreiben Sie zwei, um sich um IE5 zu kümmern.

Hand

Der Cursor zeigt an, dass eine Verbindung in Form eines Hinweises (Finger) besteht


Cursor: Warten; Das Programm ist korrekt Beschäftigt (normalerweise eine Uhr oder eine Sanduhr) 🎠

Cursor: n-Größe ändern;

Größe nach oben ändern (Norden)

Cursor: S-Größe ändern;

Größe verkleinern (Süden)

Cursor: e-resize;

Größe nach rechts ändern (Osten)

Cursor: w-Größe ändern;

Größe nach links (Westen) ändern

Cursor: ne-Größe ändern;

Größe nach rechts ändern (Nordosten)

Cursor: nw-resize;

Größe nach oben und links ändern (Nordwesten)

Der Rand kann nach oben und links verschoben werden (Nordwesten)

Cursor: se-resize;

Größe nach unten und rechts ändern (Südosten)

Der Rand kann nach unten rechts (Südosten) verschoben werden.

Cursor: sw-resize; links (Südwesten)

Standardcursorstatus (normalerweise ein Pfeil) 个Cursor: URL ( ' #');

Passen Sie die URL-Position des Cursors an

Sie sagen vielleicht, das Cursor-Attribut hat so viele Werte, wie kann man sich das merken? Tatsächlich brauchen Sie sich keine Sorgen zu machen. In der tatsächlichen Entwicklung verwenden wir im Allgemeinen nur die beiden Attributwerte „Standard“ und „Zeiger“, während die anderen im Allgemeinen selten verwendet werden. Wenn Sie wirklich nicht anders können, aber dennoch etwas anderes brauchen, kommen Sie einfach zurück und sehen Sie sich diese Art von Tabelle an.

Web-Front-End-Entwicklung

Das obige ist der detaillierte Inhalt vonSo verwenden Sie CSS(), um den Mausverbotsstil in jquery festzulegen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage