鼠標相關事件
阿新 • • 發佈:2017-11-23
顯示 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" contentView Code="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>
鼠標相關事件