onmouseover 事件
onmouseover 事件
實例
#
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script> function bigImg(x){ x.style.height="64px"; x.style.width="64px"; } function normalImg(x){ x.style.height="32px"; x.style.width="32px"; } </script> </head> <body> <img onmouseover="bigImg(this)" onmouseout="normalImg(this)" border="0" src="smiley.gif" alt="Smiley" width="32" height="32"> <p>函数 bigImg() 在鼠标指针移动到笑脸图片是触发。</p> <p>函数 normalImg() 在鼠标指针移出笑脸图片是触发.</p> </body> </html>
##執行實例»##點擊"執行實例" 按鈕查看線上實例
onmouseover 事件會在滑鼠指標移動到指定的元素上時發生。
語法
HTML 中:
<element
onmouseover="SomeJavaScriptCode">
JavaScript 中:object
.onmouseover=function(){SomeJavaScriptCode};
描述 | |
---|---|
必要。規定該事件發生時執行的 JavaScript。 |
瀏覽器支援
The onmouseover event 所有主要瀏覽器都支援
支援該事件的HTML 標籤:onmouseover 屬性可使用於是有HTML 元素,除了: <base>, <bdo> , <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, 和 <title>.
#