当前位置: 首页 > 网络学院 > 客户端脚本教程 > JavaScript > JavaScript onmouseover 事件
The onmouseover event occurs when the mouse pointer moves over a specified object.
当鼠标移动到特定对象上时触发onmouseover事件。
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 |
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" |
The output of the code above will be:
上述代码的输出结果为:
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> <body> |
The output of the code above will be:
上述代码的输出结果为:
onmouseover
How to use onmouseover.
如何应用onmouseover