Heim > Artikel > Web-Frontend > So verstecken Sie die Maus in Javascript
So verstecken Sie die Maus in JavaScript: Verwenden Sie zuerst die Anweisung „document.getElementById(„id value“)“, um das angegebene Elementobjekt abzurufen der Maus-Versteckeffekt.
Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.
Javascript Maus ausblenden
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> div{ background-color: palegoldenrod; padding: 10px; } </style> </head> <body> <div id="cursor">鼠标在div元素上时,会被隐藏!</div> </body> <script type="text/javascript"> var div=document.getElementById("cursor"); div.style.cursor="none"; </script> </html>
Rendering:
Beschreibung:
Das Cursor-Attribut gibt den Typ des angezeigten Zeigers (Cursors) an.
Syntax:
Object.style.cursor=cursortype
Mögliche Werte:
Wert | Beschreibung |
---|---|
URL |
Die URL des zu verwendenden benutzerdefinierten Cursors Hinweise: Bitte definieren Sie immer einen am Ende diese Liste Ein normaler Cursor für den Fall, dass kein durch die URL definierter Cursor verfügbar ist. |
Standard | Standardcursor (normalerweise ein Pfeil) |
Auto | Standard. Der vom Browser gesetzte Cursor. |
Fadenkreuz | Der Cursor wird als Fadenkreuz dargestellt. |
Zeiger | Der Cursor wird als Zeiger (eine Hand) dargestellt, der einen Link anzeigt. |
move | Dieser Cursor zeigt an, dass ein Objekt verschoben werden kann. |
e-resize | Dieser Cursor zeigt an, dass der Rand des rechteckigen Felds nach rechts (Osten) verschoben werden kann. |
ne-resize | Dieser Cursor zeigt an, dass der Rand des rechteckigen Felds nach oben und nach rechts (Norden/Osten) verschoben werden kann. |
nw-resize | Dieser Cursor zeigt an, dass der Rand des rechteckigen Felds nach oben und nach links (Norden/Westen) verschoben werden kann. |
n-resize | Dieser Cursor zeigt an, dass der Rand des rechteckigen Felds nach oben (Norden) verschoben werden kann. |
se-resize | Dieser Cursor zeigt an, dass der Rand des rechteckigen Felds nach unten und nach rechts (Süden/Osten) verschoben werden kann. |
sw-resize | Dieser Cursor zeigt an, dass der Rand des rechteckigen Felds nach unten und links (Süden/Westen) verschoben werden kann. |
s-resize | Dieser Cursor zeigt an, dass der Rand des rechteckigen Felds nach unten (Norden/Westen) verschoben werden kann. |
w-resize | Dieser Cursor zeigt an, dass der Rand des rechteckigen Felds nach links (Westen) verschoben werden kann. |
Text | Dieser Cursor zeigt Text an. |
Warten | Dieser Cursor zeigt an, dass das Programm beschäftigt ist (normalerweise eine Uhr oder eine Sanduhr). |
Hilfe | Dieser Cursor zeigt verfügbare Hilfe an (normalerweise ein Fragezeichen oder eine Sprechblase). |
【Empfohlenes Lernen: Javascript-Tutorial für Fortgeschrittene】
Das obige ist der detaillierte Inhalt vonSo verstecken Sie die Maus in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!