onmouseout 属性在鼠标指针移动到元素外时触发。
onmouseout 属性不适用以下元素:<base>
、<bdo>
、<br>
、<head>
、<html>
、<iframe>
、<meta>
、<script>
、<style>
或<title>
。
<element onmouseout="script">
值 | 描述 |
script | 发生 onmouseout 时运行的脚本。 |
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>NTHOME-零基础入门学习Web(HTML5+CSS3)</title>
<script>
function bigImg(x)
{
x.style.height="168px";
x.style.width="718px";
}
function normalImg(x)
{
x.style.height="84px";
x.style.width="359px";
}
</script>
</head>
<body>
<img onmousemove="bigImg(this)" onmouseout="normalImg(this)" border="0" src="../img/logo.png" alt="Smiley" >
<p>函数 bigImg() 在鼠标指针移动到图像上时触发。此函数放大图像。</p>
<p>函数 normalImg() 在鼠标指针移出图像时触发。此函数把图像的高度和宽度重置为正常尺寸。</p>
</body>
</html>
函数 bigImg() 在鼠标指针移动到图像上时触发。此函数放大图像。
函数 normalImg() 在鼠标指针移出图像时触发。此函数把图像的高度和宽度重置为正常尺寸。
表格中的数字表示支持该属性的第一个浏览器版本号。
Safari | Chrome | FireFox | IE |
1.0 | 1.0 | 1.0 | 1.0 |