|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
|
<
table
summary
=
"when and where you can see the band"
>
<
thead
>
<
tr
>
<
th
>Date</
th
>
<
th
>City</
th
>
<
th
>Venue</
th
>
</
tr
>
</
thead
>
<
tbody
>
<
tr
>
<
td
>June 9th</
td
>
<
td
>Portland, <
abbr
title
=
"Oregon"
>OR</
abbr
></
td
>
<
td
>Crystal Ballroom</
td
>
</
tr
>
<
tr
>
<
td
>June 10th</
td
>
<
td
>Seattle, <
abbr
title
=
"Washington"
>WA</
abbr
></
td
>
<
td
>Crocodile Cafe</
td
>
</
tr
>
<
tr
>
<
td
>June 12th</
td
>
<
td
>Sacramento, <
abbr
title
=
"California"
>CA</
abbr
></
td
>
<
td
>Torch Club</
td
>
</
tr
>
<
tr
>
<
td
>June 17th</
td
>
<
td
>Austin, <
abbr
title
=
"Texas"
>TX</
abbr
></
td
>
<
td
>Speakeasy</
td
>
</
tr
>
</
tbody
>
</
table
>
|
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
|
function
stipeTables(){
if
(!document.getElementsByTagName)
return
false
;
var
tables = document.getElementsByTagName(
"table"
);
var
odd,rows;
for
(
var
i = 0; i < tables.length; i++){
odd =
false
;
rows = tables[i].getElementsByTagName(
"tr"
);
for
(
var
j = 0; j < rows.length; j++){
if
(odd ==
true
){
addClass(rows[j],
"odd"
);
//rows[j].style.backgroundColor = "#ffc"; 就兼容了
odd =
false
;
}
else
{ odd =
true
;}
}
}
}
function
highlightRows(){
if
(!document.getElementsByTagName)
return
false
;
var
rows = document.getElementsByTagName(
"tr"
);
for
(
var
i = 0; i < rows.length; i++){
rows[i].oldClassName = rows[i].className;
//把原来的cassName属性保存到自定义属性当中
rows[i].onmouseover =
function
(){
addClass(
this
,
"highlight"
) ;
//this.style.fontWeight = "bold";
}
rows[i].onmouseout =
function
(){
this
.className =
this
.oldClassName;
//this.style.fontWeight = "normal";
}
}
}
addLoadEvent(stipeTables);
addLoadEvent(highlightRows);
|
本文转自 小旭依然 51CTO博客，原文链接:http://blog.51cto.com/xuyran/1784237
