实例
当鼠标指针移动到图像上时执行一段 javascript：
@@##@@
浏览器支持
IE
Firefox
Chrome
Safari
立即学习“前端免费学习笔记（深入）”；
Opera
所有主流浏览器都支持 onmouseover 属性。
定义和用法
onmouseover 属性在鼠标指针移动到元素上时触发。
注释：onmouseover 属性不适用以下元素：
、、、
HTML 4.01 与 HTML5 之间的差异
无。
语法
<element onmouseover="script">
属性值
| 值 | 描述 |
| script | onmouseover 发生时运行的脚本。 |
实例
当鼠标指针移动到图像上时执行一段 JavaScript(使图像放大)：
<!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>
@@##@@
<p>函数 bigImg() 在鼠标指针移动到图像上时触发。此函数放大图像。</p>
<p>函数 normalImg() 在鼠标指针移出图像时触发。此函数把图像的高度和宽度重置为正常尺寸。</p>
</body>
</html>以上就是html中在鼠标指针移动到元素上时触发的事件属性onmouseover的详细内容，更多请关注php中文网其它相关文章！
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
广告![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
1000
