javascript使用onclick事件改變選中行的顏色
更新時間：2013年12月30日 15:39:18 作者：
javascript onclick事件改變選中行的顏色,方法簡單，大家參考使用吧
html頁面的table 中一行一行的顯示當(dāng)然 div也行 可設(shè)置在鼠標(biāo)放上去時改變其顏色 部分代碼如下
復(fù)制代碼 代碼如下:
<script type="text/javascript">
var currentActiveRow; //當(dāng)前活動行
//改變選中行的顏色
function changeActiveRow(obj) {
if (currentActiveRow) {
currentActiveRow.style.backgroundColor = "";
}
currentActiveRow = obj;
currentActiveRow.style.backgroundColor = "#F2F2F2";
}
</script>
然后在td上設(shè)置onmousehover或者onclick事件即可 onmouseover="changeActiveRow(this)"
相關(guān)文章
做項目時候常常遇到，要做一個數(shù)字滾動增加的效果。如何利用JavaScript實現(xiàn)數(shù)字增長效果，一起來跟本文學(xué)習(xí)學(xué)習(xí)。2016-07-07
這篇文章主要為大家詳細(xì)介紹了JavaScript function函數(shù)種類，知識點很全面，包括普通函數(shù)、匿名函數(shù)、閉包函數(shù)，感興趣的小伙伴們可以參考一下2016-03-03
這篇文章主要介紹了微信小程序 textarea 層級過高問題解決方案,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-10-10
js取滾動條的尺寸的函數(shù)代碼，需要的朋友可以參考下。2011-11-11
這篇文章主要為大家總結(jié)了Bootstrap Table使用心得,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-11-11
今天系統(tǒng)的學(xué)了一下javascript的內(nèi)置對象。2011-08-08
本文主要給大家展示的是javascript面向?qū)ο蟪绦蛟O(shè)計的相關(guān)資料,需要的朋友可以參考下2015-01-01
這篇文章主要給大家介紹了關(guān)于JavaScript如何正確的寫代碼注釋的相關(guān)資料,注釋的作用是提高代碼的可讀性,幫助自己和別人閱讀和理解你所編寫的JavaScript代碼,注釋的內(nèi)容不會在網(wǎng)頁中顯示,需要的朋友可以參考下2023-10-10
在本篇文章里小編給大家整理了關(guān)于js原生map實現(xiàn)的方法以及實例分析內(nèi)容，需要的朋友們可以參考下。2020-01-01
這篇文章主要為大家介紹了GoJs圖形繪圖模板Shape示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-04-04