1. 程式人生 > >鼠標相關事件

鼠標相關事件

顯示 col one nal int out charset 一個 www

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

鼠標相關事件