Javascript鼠標(biāo)事件

2012/11/28 16:42:18作者：佚名來(lái)源：網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例介紹】

Javascript鼠標(biāo)事件
鼠標(biāo)移動(dòng)事件包括三種，分別為mouseover、mouseout和mousemove。其中，mouseover是當(dāng)鼠標(biāo)移動(dòng)到對(duì)象之上時(shí)所激發(fā)的事件，mouseout是當(dāng)鼠標(biāo)從對(duì)象上移開(kāi)時(shí)所激發(fā)的事件，mousemove是鼠標(biāo)在對(duì)象上移動(dòng)時(shí)所激發(fā)的事件。

【實(shí)例代碼】


<!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>無(wú)標(biāo)題文檔</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>
【代碼分析】

在瀏覽器中預(yù)覽，效果如圖所示。

鼠標(biāo)事件