Heim > Artikel > Web-Frontend > So verstecken Sie die Maus in Javascript
So verstecken Sie die Maus in Javascript
- 青灯夜游Original
- 2021-04-20 13:41:456011Durchsuche
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!