首页 > 其他 > 详细

鼠标相关事件

时间:2017-11-23 20:57:46      阅读:300      评论:0      收藏:0      [点我收藏+]

1.鼠标经过事件:mouseOver;事件句柄为:onMouseOver

2.鼠标离开事件:mouseOut;事件句柄为:onMouseOut;

 

实例:另一个百度的超链接显示为蓝色,当鼠标经过的时候颜色变为红色,当鼠标离开的时候颜色变为蓝色;

技术分享图片
 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 2 "http://www.w3.org/TR/html4/loose.dtd">
 3 <html>
 4 <head>
 5 <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
 6 <title></title>
 7 
 8     <script type="text/javascript">
 9     
10         function changeColor(colorValue){
11         
12             
13             var baidu=document.getElementById("baidu");
14             
15             baidu.style.color=colorValue;
16             
17         
18         }
19     
20     </script>
21 
22 </head>
23 
24 <body>
25 
26     <a style="color:blue;text-decoration:underline; cursor:pointer" id="baidu"  onMouseOver="changeColor(‘red‘)" onMouseOut="changeColor(‘blue‘)" >百度</a>
27 
28 </body>
29 </html>
View Code

 

鼠标相关事件

原文:http://www.cnblogs.com/xuzhiyuan/p/7886623.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!