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

JavaScript
JS 字符串
JS Date
JS数组,JS Array
JS Boolean
JS Math
JS HTML DOM
JS Browser
JS Cookies
JS 校验
JS Animation
JS Image Maps
JS Timing
JS 建立对象
JS 摘要
JS 实例
JS 对象实例
JS DOM 实例
JS数组对象参考
JS布尔对象参考
JS日期对象参考

JavaScript onmouseover 事件


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-03-04   浏览: 1122 ::
收藏到网摘: n/a

Definition and Usage
定义与用法

The onmouseover event occurs when the mouse pointer moves over a specified object.
当鼠标移动到特定对象上时触发onmouseover事件。

Syntax
语法

onmouseover="所要执行的脚本"

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 over the image:
在下面的例子中,当用户将鼠标移到图片上时将弹出一个消息框:

<img src="image_w3default.gif" alt="ruanchen"
onmouseover="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事件和onMouseOut事件,实现图片链接的切换:

<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
互动演示

onmouseover
How to use onmouseover.
如何应用onmouseover

评论 (0) All

登陆 | 还没注册?