第一种: expression
代码如下:
.tablestyle{
couleur d'arrière-plan : #CCCCCC ; bordure :#ff0000 solide 2px ; border-collapse:collapse; curseur:main; largeur : 100 % ;
}
.tablestyle td{ border:#ff0000 solid 2px; border-collapse:collapse;}
.tablestyle tr{
onmouseover:expression(onmouseover=fonction()
{
this.style.color='rouge';
this.style.backgroundColor='jaune'
});
onmouseout:expression(onmouseout=fonction()
{
ce.style.col
this.style.backgroundColor=''
}
);
}
11111111111 | 22222222222 |
33333333333 | 44444444 |
55555 | 66666666 |
77777777777 | 8888888888 |
style
type
="text/css">
!
- -
tr {background-color:expression((this.sectionRowIndex%2==0)?"#E1F1F1":"#F0F0F0")}
-->
第1行 | Étape 1 |
Étape 2 | Étape 2 |
3ème anniversaire | 3ème anniversaire |
4ème anniversaire | 4ème anniversaire | 第5行 | 第5列 |
-------------------- -----------
每个单元格变色:
第1行 | 第1列 |
第2行 | 第2列 |
第3行 | 第3列 |
Étape 4 | |
Étape 5 | Étape 5 |
------------------------
以上都用到expression,实现变得很方便,但是,经测试,在IE6(其它版本我不知道)上很正常,在firefox上无任何反应…… ,要想在firefox上也有此效果,就要用第二种方法
(2)甔用J S
鼠标滑过变色:
window.onload=function showtable(){
var tablename=document.getElementById("mytable");
var li=tablename.getElementsByTagName("tr");
pour (var i=0;i<=li.length;i++){
li[i].style.backgroundColor="#FFB584";
li[i].onmouseover=function(){
this.style.backgroundColor="#FFFFFF";
}
li[i].onmouseout=function(){
this.style.backgroundColor="#FFB584"
}
}
}
第1行 | 第1列 |
第2行 | 第2列 |
第3行 | Étape 3 |
Étape 4 | Étape 4 |
第5行 | 第5列 |
------------------------
Remarque :
window.onload=function showtable(){
var tablename=document.getElementById("mytable");
var li=tablename.getElementsByTagName("tr");
for (var i=0;i<=li.length;i++){
if (i%2==0){
li[i].style.backgroundColor="#FFB584";
}else li[i].style.backgroundColor="#FFFFFF";
}
}
第1行 | 第1列 |
第2行 | Étape 2 |
Étape 3 | Étape 3 |
4ème anniversaire | 4ème anniversaire |
5ème anniversaire | 5ème anniversaire |