国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

表格 隔行換色升級版

2024-05-06 14:13:03
字體：大 中 小
來源：轉載
供稿：網友
昨天弄了個表格隔行換色，但是只是一張表里換
如果一個頁面里出現多個表格需要怎么整
搗鼓出新的結果
如下：
代碼如下:
function onloadEvent(func){
var one=window.onload
if(typeof window.onload!='function'){
window.onload=func
}
else{
window.onload=function(){
one();
func();
}
}
}
function showtable(tableid){
var overcolor='#FCF9D8';
var color1='#FFFFFF';
var color2='#F8F8F8';
var tablename=document.getElementById(tableid)
var tr=tablename.getElementsByTagName("tr")
for(var i=0 ;i<tr.length;i++){
tr[i].onmouseover=function(){
this.style.backgroundColor=overcolor;
}
tr[i].onmouseout=function(){
if(this.rowIndex%2==0){
this.style.backgroundColor=color1;
}else{
this.style.backgroundColor=color2;
}
}
if(i%2==0){
tr[i].className="color1";
}else{
tr[i].className="color2";
}
}
}
onloadEvent(function init(){
showtable('table');
showtable('test');
}
);

這樣在html里增加表格的時候加上ID就OK了，一個多次調用的表格隔行換色完畢
牛逼的人生不需要解釋

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板： 瑞昌市| 武隆县| 驻马店市| 子洲县| 合山市| 瑞安市| 台湾省| 大宁县| 宜丰县| 清涧县| 陆河县| 防城港市| 永定县| 图片| 德格县| 南溪县| 龙泉市| 奎屯市| 巴林右旗| 英山县| 济阳县| 沁阳市| 泰州市| 兴文县| 阿克| 怀安县| 灌阳县| 香河县| 得荣县| 武鸣县| 定安县| 天等县| 长海县| 吉首市| 同心县| 隆昌县| 张家界市| 黄陵县| 长岭县| 通城县| 黄陵县|