用JS实现表格中隔行显示不同颜色
第一种:
tr{bgColor:expression(
this.bgColor=((this.rowIndex)%2==0 )? 'white' : 'yellow');
}
第二种:
var oTable = document.all['oTable'];
for(var i=0;i
oTable.rows[i].bgColor = (i%2==0) ? 'white' : 'yellow' ;
}
第三种(第二种的改进版):
用布儿变量替代之:内存换时间
var isToggled = false;
var oTable = document.all['oTable'];
for(var i=0;i
isToggled = ! isToggled;
oTable.rows[i].bgColor = isToggled ? "white" : "yellow" ;
}
鼠标经过时改变背景颜色
ihandu |
我的方法一:
我的方法二:
附:
$(document).ready(function(){
SetTableRowColor();
});
//用CSS控制奇偶行的颜色
function SetTableRowColor()
{
$("#Table tr:odd").css("background-color", "#e6e6fa");
$("#Table tr:even").css("background-color", "#fff0fa");
}
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有