首页 > 代码库 > onmouseover 事件
onmouseover 事件
定义和用法
onmouseover 事件会在鼠标指针移动到指定的对象上时发生。
语法
onmouseover="SomeJavaScriptCode"
参数 | 描述 |
---|---|
SomeJavaScriptCode | 必需。规定该事件发生时执行的 JavaScript。 |
支持该事件的 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>
支持该事件的 JavaScript 对象:
layer, link
实例 1
在下面的例子中,我们将在用户把鼠标指针移动到图像上时显示一个对话框:
1 <img src="http://www.w3school.com.cn/i/eg_mouse2.jpg" alt="mouse" onmouseover="alert(‘您的鼠标在图片上!‘)" />
实例 2
下面的例子中,我们将在网页上添加一个用作连接按钮的图像,然后我们会添加 onm ouseOver 和 onm ouseOut 事件,这样就可以在运行两个 JavaScript 函数来切换两幅图像:
1 <html> 2 <head> 3 <script type="text/javascript"> 4 function mouseOver() 5 { 6 document.getElementById(‘b1‘).src ="/i/eg_mouse.jpg" 7 } 8 function mouseOut() 9 {10 document.getElementById(‘b1‘).src ="/i/eg_mouse2.jpg"11 }12 </script>13 </head>14 15 <body>16 <a href="http://www.w3school.com.cn" 17 onmouseover="mouseOver()" onm ouseout="mouseOut()">18 <img alt="Visit W3School!" src="/i/eg_mouse2.jpg" id="b1" />19 </a>20 </body>21 </html>
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。