网络学院

w3pop.com :: 网络学院 :: JavaScript :: JavaScript onmouseout 事件

会员登陆

帐号

密码

回答

记住密码

忘记密码? 注册

JavaScript onmouseout 事件

作者:w3pop.com 翻译/整理:w3pop.com 发布:2007-04-28 浏览:18631 :: ::

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标签：

<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>

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="W3POP"
onmouseout="alert('W3POP!')" />

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

W3POP

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.w3POP.com" target="_blank"
onmouseover="mouseOver()"
onmouseout="mouseOut()">
<img border="0" alt="W3POP!"
src="b_pink.gif" name="b1" /></a>
</body>
</html>

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

W3POP!

Try-It-Yourself Demos
互动演示

onmouseout
How to use onmouseout.
如何应用onmouseout

评论 (0) All