Heim  >  Artikel  >  Web-Frontend  >  Das Ereignisattribut onmouseover wird ausgelöst, wenn der Mauszeiger über ein Element in HTML bewegt wird.

Das Ereignisattribut onmouseover wird ausgelöst, wenn der Mauszeiger über ein Element in HTML bewegt wird.

黄舟
黄舟Original
2017-11-06 11:34:557964Durchsuche

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!

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