JavaScript onmouseout 事件（JavaScript onmouseout Event,onmouseout）- JavaScript

当前位置: 首页 > 网络学院 > 客户端脚本教程 > JavaScript > JavaScript onmouseout 事件

JavaScript: JS数学对象参考; JS字符串对象参考; JS函数参考; JS事件参考; Javascript 常用正则表达式; FF和IE下的js兼容性问题; jQuery 简单介绍; jQuery / 核心 / $(expression, [context] ) 函数; jQuery / 核心 / $(html) 函数; 如何使用JS来判断浏览器类型(ie、firefox，等等); Javascript在IE和FireFox中的不同表现; 3个js字符编码函数区别; javascript 中的 XMLDOM 对象

No. « ‹ 1 2 3 »

学院文章搜索

关键字

JavaScript onmouseout 事件

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-03-04 浏览: 983 ::

收藏到网摘: n/a

Definition and Usage
定义与语法

The onmouseout event occurs when the mouse pointer moves away from a specified object.
当鼠标从特定的对象上移开时触发onmouseout事件

Syntax
语法

onmouseout="所要执行的脚本"

Parameter 参数	Description 注释
SomeJavaScriptCode 做要执行的脚本	Required. Specifies a JavaScript to be executed when the event occurs. 必选项。当事件触发时所要执行的脚本

Supported by the following HTML tags:
所支持的HTML标签：

Supported by the following JavaScript objects:
所支持的JavaScript对象：

layer, link

Example 1
实例1

In the following example we will display an alert box when the user moves the mouse pointer away from the image:
在下面的例子中，当用户的鼠标从图片上移开时将会弹出一个消息框：

<img src="image_w3default.gif" alt="ruanchen"
onmouseout="alert('ruanchen!')" />

The output of the code above will be:
上述代码的输出结果为：

Example 2
实例2

In the following example we will add an image that should act as a link button on a web page. We will then add an onMouseOver event and an onMouseOut event that will run two JavaScript functions that will change between two images:
在下面的例子中，我们首先加入一张图片作为链接。接着我们想其加入onMouseOver和onMouserOut事件，使其能够在两张图片间切换：

<html>
<head>
<script type="text/javascript">
function mouseOver()
{
document.b1.src ="b_blue.gif"
}
function mouseOut()
{
document.b1.src ="b_pink.gif"
}
</script>
</head>

<body>
<a href="http://www.ruanchen.com" target="_blank"
onmouseover="mouseOver()"
onmouseout="mouseOut()">
<img border="0" alt="ruanchen!"
src="b_pink.gif" name="b1" /></a>
</body>
</html>

The output of the code above will be:
上述代码的输出结果为：

Try-It-Yourself Demos
互动演示

onmouseout
How to use onmouseout.
如何应用onmouseout

JavaScript onmouseout 事件

Definition and Usage 定义与语法

Syntax 语法

Example 1 实例1

Example 2 实例2

Try-It-Yourself Demos 互动演示

评论 (0) All

Definition and Usage
定义与语法

Syntax
语法

Example 1
实例1

Example 2
实例2

Try-It-Yourself Demos
互动演示