onmouseover 事件
定義和用法
onmouseover 事件會(huì)在鼠標(biāo)指針移動(dòng)到指定的對(duì)象上時(shí)發(fā)生。
語法
onmouseover="SomeJavaScriptCode"
| 參數(shù) | 描述 |
|---|---|
| SomeJavaScriptCode | 必需。規(guī)定該事件發(fā)生時(shí)執(zhí)行的 JavaScript。 |
支持該事件的 HTML 標(biāo)簽：
<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>
支持該事件的 JavaScript 對(duì)象：
layer, link
實(shí)例 1
在下面的例子中，我們將在用戶把鼠標(biāo)指針移動(dòng)到圖像上時(shí)顯示一個(gè)對(duì)話框：
<img src="/i/eg_mouse2.jpg" alt="mouse"
onmouseover="alert('您的鼠標(biāo)在圖片上！')" />
輸出：(請(qǐng)把鼠標(biāo)移動(dòng)圖片上):
實(shí)例 2
下面的例子中，我們將在網(wǎng)頁上添加一個(gè)用作連接按鈕的圖像，然后我們會(huì)添加 onMouseOver 和 onMouseOut 事件，這樣就可以在運(yùn)行兩個(gè) JavaScript 函數(shù)來切換兩幅圖像：
<html>
<head>
<script type="text/javascript">
function mouseOver()
{
document.getElementById('b1').src ="/i/eg_mouse.jpg"
}
function mouseOut()
{
document.getElementById('b1').src ="/i/eg_mouse2.jpg"
}
</script>
</head>
<body>
<a href="http://chabaoo.cn"
onmouseover="mouseOver()" onmouseout="mouseOut()">
<img alt="Visit w3school!" src="/i/eg_mouse2.jpg" id="b1" />
</a>
</body>
</html>
輸出：
TIY
- onmouseover
- 如何使用 onmouseover。