求表格文字交替显示时淡进淡出效果


<?xml version="1.0" encoding="UTF-8" ?>
<!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>ZOOM</title><script type="text/javascript">function G(o) {
if(o instanceof Element) {
return o;
}
return document.getElementById(o);
}function show(o) {
G(o).style.display="block";
}function hide(o) {
G(o).style.display="none";
}
var t;
var opac=100;
var state=true;
var odd=1;function test() {
var i;
if(state) {
//淡出
opac-=10;
if(opac<0) {
opac=0;
for(i=odd;i<t.length;i+=2) {
hide(t[i]);
show(t[i+(odd?-1:1)]);
}
state=false;
odd=1-odd;
}
else{
for(i=odd;i<t.length;i+=2) {
changeOpacity(t[i],opac);
}
}
}
else {
//淡入
opac+=10;
if(opac>100) {
opac=100;
state=true;
}
else{
for(i=odd;i<t.length;i+=2) {
changeOpacity(t[i],opac);
}
}
}
};function changeOpacity(o,alpha) {
if (o.filters) {
/* ==== IE filter ==== */
if (!o.filters.alpha) o.style.filter = 'alpha(opacity=' + alpha + ')';
else o.filters.alpha.opacity = alpha;
/* ==== CSS opacity ==== */
} else o.style.opacity = alpha * .01;
}window.onload=function() {
t=document.getElementsByTagName("tr");

for(var i=1;i<t.length;i+=2) {
changeOpacity(t[i],0);
hide(t[i]);
}
setInterval(test,100);
};
</script></head><body>
<table id="main_table">
<tbody>
<tr>
<td width="100">a </td>
<td width="100">b </td>
</tr>
<tr>
<td width="100">a </td>
<td width="100">b </td>
</tr>
<tr>
<td width="100">a </td>
<td width="100">b </td>
</tr>
<tr>
<td width="100">a </td>
<td width="100">b </td>
</tr>
</tbody>
</table></body>
</html>