Heim > Artikel > Web-Frontend > Das Ereignisattribut onmouseover wird ausgelöst, wenn der Mauszeiger über ein Element in HTML bewegt wird.
Instanz
Führen Sie ein Stück JavaScript aus, wenn sich der Mauszeiger über das Bild bewegt:
<img onmouseover="bigImg(this)" src="smiley.gif" alt="Smiley">
Browser-Unterstützung
IE
Firefox
Chrome
Safari
Opera
Alle Alle gängigen Browser unterstützen das onmouseover-Attribut.
Definition und Verwendung
Das onmouseover-Attribut wird ausgelöst, wenn sich der Mauszeiger über ein Element bewegt.
Hinweis: Das onmouseover-Attribut gilt nicht für die folgenden Elemente: dde6fb694e6711ae5e6f381704c04ae4, 71af07a0e88a1ac1ff73f855702ac153, 0c6dc11e160d3b678d68754cc175188a, 93f0f5c25f18dab9d176bd4f6de5d30e, 100db36a723c770d327fc0aef2ce13b1, d5ba1642137c3f32f4f4493ae923989c, e8e496c15ba93d81f6ea4fe5f55a2244, 0c68fef83818661b6da588c77ca3985e, 3f1c4e4b6b16bbbd69b2ee476dc4f83a, c9ccee2e6ea535a969eb3f532ad9fe89.
Unterschiede zwischen HTML 4.01 und HTML5
Keine.
Syntax
<element onmouseover="script">
Attributwert
值 | 描述 |
script | onmouseover 发生时运行的脚本。 |
Beispiel
Führen Sie ein Stück JavaScript aus, wenn sich der Mauszeiger über das Bild bewegt (machen Sie das Bild vergrößern):
<!DOCTYPE html> <html> <head> <script> function bigImg(x) { x.style.height="180px"; x.style.width="180px"; } function normalImg(x) { x.style.height="128px"; x.style.width="128px"; } </script> </head> <body> <img onmousemove="bigImg(this)" onmouseout="normalImg(this)" border="0" src="/i/eg_smile.gif" alt="Smiley" > <p>函数 bigImg() 在鼠标指针移动到图像上时触发。此函数放大图像。</p> <p>函数 normalImg() 在鼠标指针移出图像时触发。此函数把图像的高度和宽度重置为正常尺寸。</p> </body> </html>
Das obige ist der detaillierte Inhalt vonDas Ereignisattribut onmouseover wird ausgelöst, wenn der Mauszeiger über ein Element in HTML bewegt wird.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!