HTML onmouseover 事件属性

定义和用法

onmouseover 属性在鼠标指针移动到元素上时触发。

注释：onmouseover 属性不适用以下元素：<base>、<bdo>、<br>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style> 或 <title>。

语法

<element οnmοuseοver="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>
<img οnmοusemοve="bigImg(this)" οnmοuseοut="normalImg(this)" border="0" src="/i/eg_smile.gif" alt="Smiley" >
<p>函数 bigImg() 在鼠标指针移动到图像上时触发。此函数放大图像。</p>
<p>函数 normalImg() 在鼠标指针移出图像时触发。此函数把图像的高度和宽度重置为正常尺寸。</p></body>
</html>

onmouseout 事件

定义和用法

onmouseout 事件会在鼠标指针移出指定的对象时发生。

语法

οnmοuseοut="SomeJavaScriptCode"

参数	描述
SomeJavaScriptCode	必需。规定该事件发生时执行的 JavaScript。

支持该事件的 HTML 标签：

<a>, <address>, <area>, <b>, <bdo>, <big>, <blockquote>, <body>, <button>,
<caption>, <cite>, <code>, <dd>, <dfn>, <div>, <dl>, <dt>, <em>, <fieldset>,
<form>, <h1> to <h6>, <hr>, <i>, <img>, <input>, <kbd>, <label>, <legend>,
<li>, <map>, <ol>, <p>, <pre>, <samp>, <select>, <small>, <span>, <strong>,
<sub>, <sup>, <table>, <tbody>, <td>, <textarea>, <tfoot>, <th>, <thead>,
<tr>, <tt>, <ul>, <var>

支持该事件的 JavaScript 对象：

layer, link

实例

在下面的例子中，我们将在鼠标指针移出图像时显示一个对话框：

[html] view plaincopy

<imgsrc="/i/example_mouse2.jpg"alt="mouse"
onmousemove="alert('您的鼠标刚才离开了图片！')"/>

HTML onmousemove 事件属性

定义和用法

onmousemove 属性在鼠标指针移动到元素上时触发。

注释：onmousemove 属性不适用以下元素：<base>、<bdo>、<br>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style> 或 <title>。

语法

<element οnmοusemοve="script">

属性值

值	描述
script	onmousemove 发生时运行的脚本。

实例

当鼠标指针移动到图像上时执行一段 JavaScript（使图像放大）：

[html] view plain copy

<!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>
<imgonmousemove="bigImg(this)"onmouseout="normalImg(this)"border="0"src="/i/eg_smile.gif"alt="Smiley">
<p>函数 bigImg() 在鼠标指针移动到图像上时触发。此函数放大图像。</p>
<p>函数 normalImg() 在鼠标指针移出图像时触发。此函数把图像的高度和宽度重置为正常尺寸。</p>
</body>
</html>

本文转自w3shool

HTML onmouseover, onmouseout , onmousemove 事件属性相关推荐

javascript重要事件总结(onsubmit/onclick/onload/onfocus/onblur/onmouseover/onmouseout)
javascript重要事件总结(onsubmit/onclick/onload/onfocus/onblur/onmouseover/onmouseout) onfocus/onblur:聚焦离焦事 ...
鼠标事件以及 onmouseover, onmouseout 鼠标移动事件动态渲染的注意点
1.onmouseover 指的是鼠标在进入某个元素的时候触发的事件 2.onmouseout 指的是鼠标在离开某个元素时触发的事件其他 onclick----------------------- ...
HTML 事件属性_03
全局事件属性 HTML 4 的新特性之一是可以使 HTML 事件触发浏览器中的行为,比方说当用户点击某个 HTML 元素时启动一段 JavaScript. 如果你想学习更多关于事件属性,请访问 Jav ...
【HTML5】HTML5事件属性总结
HTML事件属性 HTML4增加了使事件在浏览器中触发动作的能力,比如当用户点击元素时启动JavaScript. 下面列出了添加到HTML元素中,定义事件动作的全局事件属性,HTML5引入的事件被标记 ...
HTML 5 参考手册,HTML 5 标准属性,HTML 5 事件属性
HTML 5 通过制定如何处理所有 HTML 元素以及如何从错误中恢复的精确规则,HTML 5 改进了互操作性,并减少了开发成本. HTML 5 中的新特性包括了嵌入音频.视频和图形的功能,客户端数据 ...
html中的鼠标事件怎么写,html5中的鼠标事件以及鼠标事件属性
鼠标事件先列出html5中鼠标常见的一系列事件: 事件名称描述 onclick 当单击鼠标时运行脚本 ondblclick 当双击鼠标时运行脚本 ondrag 当拖动元素时运行脚本 ondrage ...
html都有哪些事件,HTML有哪些事件属性？
html事件属性有:onblur.onerror.onfocus.onsubmit.onkeydown.onkeypress.onclick.ondblclick.onmousedown.onmous ...
onmouseover 和onmousemove的区别
时间上 onmousemove 事件触发后,再触发 onmouseover 事件. 按钮上不区分鼠标按钮. 动作上 onmouseover 只在刚进入区域时触发.onmousemove 除了刚进入区 ...
java onmouseover_转 CSS样式里使用JavaScript(onmouseover/onmouseout)
CSS样式里使用JavaScript(onmouseover/onmouseout)2 table { background-color:#000000; cursor:hand; } td { /* ...

HTML onmouseover, onmouseout , onmousemove 事件属性

HTML onmouseover 事件属性

定义和用法

语法

属性值

实例

onmouseout 事件

定义和用法

语法

支持该事件的 HTML 标签：

支持该事件的 JavaScript 对象：

实例

HTML onmousemove 事件属性

定义和用法

语法

属性值

实例

HTML onmouseover, onmouseout , onmousemove 事件属性相关推荐

最新文章

热门文章