onmouseover 事件

最新推荐文章于 2022-10-17 10:30:00 发布

weixin_34344677

最新推荐文章于 2022-10-17 10:30:00 发布

阅读量166

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/gmblog/p/3826121.html

版权

定义和用法

onmouseover 事件会在鼠标指针移动到指定的对象上时发生。

语法

οnmοuseοver="SomeJavaScriptCode"

参数	描述
SomeJavaScriptCode	必需。规定该事件发生时执行的 JavaScript。

支持该事件的 HTML 标签：

支持该事件的 JavaScript 对象：

layer, link

实例 1

在下面的例子中，我们将在用户把鼠标指针移动到图像上时显示一个对话框：

1 <img src="http://www.w3school.com.cn/i/eg_mouse2.jpg" alt="mouse" onmouseover="alert('您的鼠标在图片上！')" />

实例 2

下面的例子中，我们将在网页上添加一个用作连接按钮的图像，然后我们会添加 onMouseOver 和 onMouseOut 事件，这样就可以在运行两个 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()" onmouseout="mouseOut()">
18 <img alt="Visit W3School!" src="/i/eg_mouse2.jpg" id="b1" />
19 </a>
20 </body>
21 </html>

转载于:https://www.cnblogs.com/gmblog/p/3826121.html

weixin_34344677

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
onmouseover 事件

定义和用法onmouseover 事件会在鼠标指针移动到指定的对象上时发生。语法onmouseover="SomeJavaScriptCode"参数描述SomeJavaScriptCode必需。规定该事件发生时执行的 JavaScript。支持该事件的 HTML 标签：<a&gt...
复制链接

扫一扫