Javascript鼠標事件

2012/11/28 16:42:18作者：佚名來源：網絡

移動端

【實例介紹】

Javascript鼠標事件
鼠標移動事件包括三種，分別為mouseover、mouseout和mousemove。其中，mouseover是當鼠標移動到對象之上時所激發(fā)的事件，mouseout是當鼠標從對象上移開時所激發(fā)的事件，mousemove是鼠標在對象上移動時所激發(fā)的事件。

【實例代碼】


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
</head>
<body>
<table width="300" height="47" border="1" cellpadding="1" cellspacing="0"
bordercolor="#FF0000" onmouseover=this.style.backgroundColor="#FFCCFF";
onmouseout=this.style.backgroundColor="FFCC33";cellspacing="1">
<tr>
<td>onMouseOver和onMouseOut事件</td>
</tr>
</table>
</body>
</html>
【代碼分析】

在瀏覽器中預覽，效果如圖所示。

鼠標事件