 
<style type="text/css"> 
.one{ 
background-color:#33ffcc; 
} 
.two{ 
backgound-color:#ffff66; 
} 
</style> 
<script type="text/javascript"> 
function trcolor() 
//控制間隔行顏色顯示不同 
{ 
var tabNode = document.getElementsByTagName("table")[0]; 
//獲取table節(jié)點 
var trs = tabNode.rows; 
//獲取table中的所有的行 
for(var x=1; x<trs.length;x++) 
{ 
if(x%2 == 1) 
trs[x].className ="one"; 
else 
trs[x].className ="two"; 
} 
} 

//通過onload方法，在網(wǎng)頁加載完成后，運行trcolor方法，實現(xiàn)表格的間隔行顏色。 
window.onload = function() 
{ 
trcolor(); 
} 
</script> 

2、鼠標(biāo)移動到某一行，改行顏色加亮，移開后恢復(fù)原來顏色

復(fù)制代碼代碼如下:

 
<style type="text/css"> 
.over{ 
background-color:##00ff00; 
} 
<style> 

<script type="text/javascript"> 
var name; 
function trMouse() 
{ 
var tabNode = document.getELementsByTagName("table")[0]; 
//通過for循環(huán)，對每個tr標(biāo)簽加上onmouseover與onmouseout屬性 
for(var x=0;x<trs[x].length;x++) 
{ 
trs[x].onmouseover = function() 
{ 
name=this.className; 
this.className="over"; 
} 
tes[x].onmouseout = function() 
{ 
this.className = name; 
} 
} 
} 
</script> 

您可能感興趣的文章:

js對table的修飾

相關(guān)文章

javascript實現(xiàn)移動端上的觸屏拖拽功能
這篇文章主要為大家詳細(xì)介紹了基于javascript實現(xiàn)移動端上的觸屏拖拽功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-03-03
拖動層效果，兼容IE和FF!
拖動層效果，兼容IE和FF!...
2006-11-11
javascript操作向表格中動態(tài)加載數(shù)據(jù)
這篇文章主要為大家詳細(xì)介紹了javascript操作向表格中動態(tài)加載數(shù)據(jù)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-08-08
layui 富文本圖片上傳接口與普通按鈕文件上傳接口的例子
今天小編就為大家分享一篇layui 富文本圖片上傳接口與普通按鈕文件上傳接口的例子，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
JavaScript三種常用網(wǎng)頁特效詳解
這篇文章主要介紹了可以用JavaScript實現(xiàn)的常用的三種網(wǎng)頁特效：offset系列、client系列、scroll系列。文中示例代碼簡潔易懂，感興趣的小伙伴可以了解一下
2021-12-12
input+select(multiple) 實現(xiàn)下拉框輸入值
昨天做一個網(wǎng)站時，需要實現(xiàn)下拉框能夠輸入，從功能上講是要實現(xiàn)用戶在文本框輸入值時，能夠從后讀出數(shù)據(jù)彈出下拉選項
2009-05-05
js 獲取后臺的字段改變 checkbox的被選中的狀態(tài) 代碼
js 獲取后臺的字段改變 checkbox的被選中的狀態(tài) 代碼，需要的朋友可以參考一下
2013-06-06
深入了解JavaScript 的 WebAssembly
這篇文章主要介紹了深入了解JavaScript 的 WebAssembly,它是由 Google , Microsoft , Mozilla ， Apple 等幾家大公司合作發(fā)起的一個關(guān)于面向Web的通用二進(jìn)制和文本格式的項目。 ,需要的朋友可以參考下
2019-06-06
JavaScript深拷貝的幾種實現(xiàn)方法實例
javascript深拷貝是初學(xué)者甚至有經(jīng)驗的開發(fā)著,都會經(jīng)常遇到問題,下面這篇文章主要給大家介紹了關(guān)于JavaScript深拷貝的幾種實現(xiàn)方法,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2022-05-05
JS promise 的回調(diào)和 setTimeout 的回調(diào)到底誰先執(zhí)行
本文主要介紹了JS promise 的回調(diào)和 setTimeout 的回調(diào)到底誰先執(zhí)行，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-01-01