js控制鼠標事件移動及移出效果顯示
來源:易賢網(wǎng) 閱讀:7422 次 日期:2014-11-03 14:47:39
溫馨提示:易賢網(wǎng)小編為您整理了“js控制鼠標事件移動及移出效果顯示”,方便廣大網(wǎng)友查閱!

鼠標事件的移動及移出效果都可以使用js來自定義,下面有個示例,效果為當事件發(fā)生改變時背景顏色也隨著改變,適合新手朋友

<style type="text/css">

.style0{

background-color:#FFFF00;

}

.style1{

background-color:#00FFFF;

}

</style>

</head>

<body>

<table width="576" height="79" border="1">

<tr>

<td id="td1" onmousemove="document.getElementById('td1').className='style0';" onmouseout="document.getElementById('td1').className='style1'"><div align="center" class="STYLE2">主頁</div></td>

<td><div align="center" class="STYLE2">男</div></td>

<td><div align="center" class="STYLE2">女</div></td>

</tr>

</table>

</body>

更多信息請查看IT技術專欄

更多信息請查看腳本欄目
易賢網(wǎng)手機網(wǎng)站地址:js控制鼠標事件移動及移出效果顯示
關于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點

版權所有:易賢網(wǎng)