Heim >Web-Frontend >js-Tutorial >So ändern Sie den Mauszeigerstil mit JavaScript

So ändern Sie den Mauszeigerstil mit JavaScript

青灯夜游
青灯夜游Original
2021-07-20 13:41:3315436Durchsuche

In JavaScript können Sie den Mauszeigerstil über das Cursor-Attribut des Stilobjekts ändern, das die Cursorform definiert, die verwendet wird, wenn der Mauszeiger innerhalb der Grenze eines Elements platziert wird. Cursor=" Zeigerstilwert "".

So ändern Sie den Mauszeigerstil mit JavaScript

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

So ändern Sie den Mauszeigerstil in JavaScript

In js können wir den Stil des Mauszeigers beispielsweise über das Attribut cursor des Stilobjekts festlegen

 var body = document.querySelector("body")
	body.style.cursor= "move"

Der obige Code erkennt das Nach dem Öffnen der Seite wird der Mauszeiger durch einen Kreuzstil ersetzt. Tatsächlich gibt es viele Stile, wie in der Abbildung unten gezeigt. Über das Cursorattribut können wir den Zeiger auch durch ein benutzerdefiniertes Bild ersetzen. Die Methode ist wie folgt

	obox1.onmousemove = function(){
		this.style.cursor = 'url(../favicon.ico),auto';
	}
So ändern Sie den Mauszeigerstil mit JavaScriptEs ist zu beachten, dass das Bild in der URL nur Bilder in den Formaten
.cur und

.ico unterstützt. Hier empfehlen wir eine Website, die das ICO-Format online generiert. Klicken Sie hier, um zu springen. Das Auto nach der URL kann von Ihnen selbst festgelegt werden. Wenn der Pfad des ersetzten Bildes falsch ist oder das Format nicht gefunden wird, verwendet der Mauszeiger den Stil.

【Empfohlenes Lernen:

Javascript-Tutorial für Fortgeschrittene

Das obige ist der detaillierte Inhalt vonSo ändern Sie den Mauszeigerstil mit JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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