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

JavaScript
JS 介绍
JS 怎样使用
JS 在哪使用
JS 变量
JS If...Else
JS Switch
JS 操作符
JS Popup Boxes
JS 函数
JS For 循环
JS While 循环
JS Break 循环
JS For...In
JS 事件
JS Try...Catch
JS Throw
JS onerror
JS 特殊字符
JS Guidelines
JS 对象介绍

No. « 1 2 3 »

学院文章搜索

关键字

JavaScript onmouseout 事件

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-03-04   浏览: 987 ::
收藏到网摘: 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标签：

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

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

ruanchen

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:
上述代码的输出结果为：

ruanchen!

Try-It-Yourself Demos
互动演示

onmouseout
How to use onmouseout.
如何应用onmouseout

评论 (0) All

登陆 | 还没注册？