Home >Web Front-end >HTML Tutorial >The event attribute onmouseover is triggered when the mouse pointer moves over an element in HTML.
The event attribute onmouseover is triggered when the mouse pointer moves over an element in HTML.
- 黄舟Original
- 2017-11-06 11:34:558004browse
Example
Execute a section of JavaScript when the mouse pointer moves over the image:
<img onmouseover="bigImg(this)" src="smiley.gif" alt="Smiley">
Browser support
IE
Firefox
Chrome
Safari
Opera
All major browsers All browsers support the onmouseover attribute.
Definition and Usage
The onmouseover attribute is triggered when the mouse pointer moves over the element.
Note: The onmouseover attribute does not apply to the following elements: dde6fb694e6711ae5e6f381704c04ae4, 71af07a0e88a1ac1ff73f855702ac153, 0c6dc11e160d3b678d68754cc175188a, 93f0f5c25f18dab9d176bd4f6de5d30e, 100db36a723c770d327fc0aef2ce13b1, d5ba1642137c3f32f4f4493ae923989c , e8e496c15ba93d81f6ea4fe5f55a2244, 0c68fef83818661b6da588c77ca3985e, 3f1c4e4b6b16bbbd69b2ee476dc4f83a, c9ccee2e6ea535a969eb3f532ad9fe89 or b2386ffb911b14667cb8f0f91ea547a7.
Differences between HTML 4.01 and HTML5
None.
Syntax
<element onmouseover="script">
Attribute value
| Value | Description |
| script | Script to run when onmouseover occurs. |
Example
Execute a piece of JavaScript when the mouse pointer moves over the image (enlarge the image):
<!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>The above is the detailed content of The event attribute onmouseover is triggered when the mouse pointer moves over an element in HTML.. For more information, please follow other related articles on the PHP Chinese website!