第一种: expression
代码如下:
11111111111 | 22222222222 |
33333333333 | 44444444 |
55555 | 66666666 |
77777777777 | 8888888888 |
----------------------------
简单的隔行变色:
第1行 | 第1列 |
第2行 | 第2列 |
第3行 | 第3列 |
第4行 | 第4列 |
第5行 | 第5列 |
-------------------------------
每个单元格变色:
第1行 | 第1列 |
第2行 | 第2列 |
第3行 | 第3列 |
第4行 | 第4列 |
第5行 | 第5列 |
------------------------
以上都用到expression,实现变得很方便,但是,经测试,在IE6(其它版本我不知道)上很正常,在firefox上无任何反应…… ,要想在firefox上也有此效果,就要用第二种方法
(2)用JS
鼠标滑过变色:
wi***w.onload=function showtable(){
var ta***name=document.getElementById("mytable");
var li***blename.getElementsByTagName("tr");
for (var i=0;i<=l***ength;i++){
li[i].s***e.backgroundColor="#FFB584";
li[i].onmouseover=function(){
th***style.backgroundColor="#FFFFFF";
}
li[i].onmouseout=function(){
th***style.backgroundColor="#FFB584"
}
}
}
第1行 | 第1列 |
第2行 | 第2列 |
第3行 | 第3列 |
第4行 | 第4列 |
第5行 | 第5列 |
------------------------
隔行变色:
wi***w.onload=function showtable(){
var ta***name=document.getElementById("mytable");
var li***blename.getElementsByTagName("tr");
for (var i=0;i<=l***ength;i++){
if (i%2==0){
li[i].s***e.backgroundColor="#FFB584";
}else li[i].s***e.backgroundColor="#FFFFFF";
}
}
第1行 | 第1列 |
第2行 | 第2列 |
第3行 | 第3列 |
第4行 | 第4列 |
第5行 | 第5列 |
------------------------
以上都要用到JS,还需要table有个id,可以对指定的table操作,但是,假如遇到某人的firefox装了NoScript的话……可以无视了
上一篇: DIV+CSS必须考虑的浏览器兼容的技巧
下一篇: select用CSS控制边框及其他属性