编辑这个页面须要登录或更高权限！

您刚才的请求只有这个用户组的用户才能使用：自动确认用户
如果您还没有登录请登录后重试。编程那点事是一个开放式网站，修改本站大部分内容仅须要花10秒钟时间创建一个账户。如果您已经登录，本页面可能是受保护的内容。如果您认为有修改的必要，请联系本站管理人员。
该页面已被锁定以防止编辑。

HTML: <template> 标签

HTML onmouseover事件属性

onmouseover属性用来获取或设置当前元素的mouseover事件的事件处理函数

HTML 事件属性

在线示例

当鼠标指针移至图片之上时运行脚本:

示例

<!DOCTYPE html>
<html>
<head>
<title>HTML onmouseover 事件属性的使用(菜鸟教程 (cainiaojc.com))</title>
</head>
<body>
<img onmouseover="bigImg(this)" onmouseout="normalImg(this)" border="0" src="pig.gif" alt="pig" width="32" height="32">
<p>用户将鼠标悬停在图像上时，将触发bigImg()函数。此功能放大图像。
当鼠标指针移出图像时，将触发normalImg()函数。该功能将图像的高度和宽度设置为正常。</p>
<script>
function bigImg(x) {
  x.style.height = "64px";
  x.style.width = "64px";
}

function normalImg(x) {
  x.style.height = "32px";
  x.style.width = "32px";
}
</script>
</body>
</html>

测试看看 ‹/›

浏览器兼容性

IEFirefoxOperaChromeSafari

所有主流浏览器都支持 onmouseover 事件属性

定义和用法

当鼠标指针移到某个元素上时，会触发onmouseover属性。

提示： onmouseover属性通常与onmouseout属性一起使用。

注意： onmouseover 属性不能使用于以下元素：<base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, 或<title>。

HTML 4.01 与 HTML5之间的差异

没有。

语法

<element onmouseover="script">

属性值

值	描述
script	规定该onmouseover事件触发时执行的脚本。

HTML 事件属性

HTML: <template> 标签

查看更多关于 HTML onmouseover事件属性的详细内容...