<! Doctype HTML public "-// W3C // dtd xhtml 1.0 strict // en" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<HTML xmlns = "http://www.w3.org/1999/xhtml">
<Head>
<Meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8"/>
<Title> test </title>
<Style Language = "text/CSS">
/* First color */
# Table tr. color1 {
Background-color: # ffffff;
}
/* Second color */
# Table tr. color2 {
Background-color: # f8f8f8;
}
</Style>
<SCRIPT type = "text/JavaScript">
<! --
Function onloadevent (func ){
VaR one = Window. onload
If (typeof window. onload! = 'Function '){
Window. onload = func
}
Else {
Window. onload = function (){
One ();
Func ();
}
}
}
Function showtable (){
VaR tableid = 'table'; // table ID
VaR overcolor = '# fcf9d8'; // the color of the mouse.
VaR color1 = '# ffff'; // The first color.
VaR color2 = '# f8f8f8'; // The second color.
VaR tablename = Document. getelementbyid (tableid)
VaR TR = tablename. getelementsbytagname ("TR ")
For (VAR I = 1; 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 (showtable );
-->
</SCRIPT>
</Head>
<Body id = "" class = "">
<Table width = "100%" border = "0" cellspacing = "1" cellpadding = "4" class = "list" name = "table" id = "table">
<Thead>
<Tr>
<TH> Process </Th>
<TH> initiator </Th>
<TH> Start time </Th>
<TH> Status </Th>
</Tr>
</Thead>
<Tbody>
<Tr>
<TD> <a href = ""> test row </a> </TD>
<TD> none </TD>
<TD> 17:21:04 </TD>
<TD> end </TD>
</Tr>
<Tr>
<TD> <a href = ""> test row </a> </TD>
<TD> none </TD>
<TD> 17:21:04 </TD>
<TD> end </TD>
</Tr>
<Tr>
<TD> <a href = ""> test row </a> </TD>
<TD> none </TD>
<TD> 17:21:04 </TD>
<TD> end </TD>
</Tr>
<Tr>
<TD> <a href = ""> test row </a> </TD>
<TD> none </TD>
<TD> 17:21:04 </TD>
<TD> end </TD>
</Tr>
<Tr>
<TD> <a href = ""> test row </a> </TD>
<TD> none </TD>
<TD> 17:21:04 </TD>
<TD> end </TD>
</Tr>
<Tr>
<TD> <a href = ""> test row </a> </TD>
<TD> none </TD>
<TD> 17:21:04 </TD>
<TD> end </TD>
</Tr>
<Tr>
<TD> <a href = ""> test row </a> </TD>
<TD> none </TD>
<TD> 17:21:04 </TD>
<TD> end </TD>
</Tr>
<Tr>
<TD> <a href = ""> test row </a> </TD>
<TD> none </TD>
<TD> 17:21:04 </TD>
<TD> end </TD>
</Tr>
<Tr>
<TD> <a href = ""> test row </a> </TD>
<TD> none </TD>
<TD> 17:21:04 </TD>
<TD> end </TD>
</Tr>
<Tr>
<TD> <a href = ""> test row </a> </TD>
<TD> none </TD>
<TD> 17:21:04 </TD>
<TD> end </TD>
</Tr>
</Tbody>
</Table>
</Body>
</Html>