js控制鼠標事件移動及移出效果顯示

更新時間：2014年10月19日 11:17:01 投稿：whsnow

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

鼠標事件的移動及移出效果都可以使用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>

您可能感興趣的文章:

ES6初步了解原始數(shù)據(jù)類型Symbol的用法
ES6中為我們新增了一個原始數(shù)據(jù)類型Symbol,大家是否知道Symbol可以作用在哪?用來定義對象的私有變量如何寫入對象,本文對ES6 Symbol的用法介紹的非常詳細,需要的朋友參考下吧
2023-10-10
基于JavaScript實現(xiàn)鼠標向下滑動加載div的代碼
這篇文章主要介紹了基于JavaScript實現(xiàn)鼠標向下滑動加載div的代碼，非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2016-08-08
微信小程序Error:Fail?to?open?IDE問題的解決方法
今天學習小程序時無法通過HBuilderX運行微信小程序,查了相關資料后解決了,下面這篇文章主要給大家介紹了關于微信小程序Error:Fail?to?open?IDE問題的解決方法,需要的朋友可以參考下
2023-04-04
uniapp 引用 js 組件的方法(場景分析)
在UniApp開發(fā)過程中,我們不僅需要掌握各種UI組件的使用方法,還需要了解如何在項目中引入JS文件,在本文中,我將介紹UniApp中如何引入JS的方法,感興趣的朋友跟隨小編一起看看吧
2023-09-09
JavaScript中獲得CheckBox狀態(tài)的方法小結
在 JavaScript 中,獲取復選框（CheckBox）的狀態(tài)（選中或未選中）可以通過以下幾種方式實現(xiàn),以下是具體方法及示例,并通過代碼示例介紹的非常詳細,需要的朋友可以參考下
2025-03-03
JavaScript實現(xiàn)簡單計算器小程序
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)簡單計算器小程序，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-01-01
uniapp使用uni-file-picker實現(xiàn)上傳功能
這篇文章主要介紹了uniapp使用uni-file-picker實現(xiàn)上傳功能,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
2024-07-07
JS動態(tài)添加iframe的代碼
這篇文章主要介紹了JS動態(tài)添加iframe的代碼,需要的朋友可以參考下
2015-09-09
Javascript實現(xiàn)檢測客戶端類型代碼封包
在以前，總是以為使用用戶代理字符串檢測瀏覽器是那種類型就行了，這樣確實大錯特錯啊，下面就來說說如何通過js判斷出當前瀏覽者使用的的設備類型呢
2015-12-12
JS快速實現(xiàn)移動端拼圖游戲
最近開發(fā)一個有關手機端拼圖游戲，是基于js實現(xiàn)的。今天小編抽時間把具體實現(xiàn)代碼分享到腳本之家平臺供大家參考，對js移動端拼圖游戲感興趣的朋友參考下吧
2016-09-09