td 移动、移出、点击变色

var s;
var str = document.getElementById("report1").getElementsByTagName("tr");
//alert(str.length);
var tdd = str[0].getElementsByTagName("td");
for(var t =0;t<tdd.length;t++){
if(tdd[t].innerHTML.length==1&&tdd[t].innerHTML!=null){
// for ( var k =0; k < tdd[t].innerHTML; k++) {
// var tdt = str[k].getElementsByTagName("td");
// for(var n =0;n<tdt.length;n++){
// tdt[n].className='report1_66';
// }
// }
s = parseInt(tdd[t].innerHTML);
for(var i=tdd[t].innerHTML;i<str.length;i++){
var td = str[i].getElementsByTagName("td");

str[i].onclick= function(){
SetCellsStyle(this.rowIndex+1);
};
str[i].onmousemove= function(){
MouseMoveStyle(this.rowIndex+1);
};
str[i].onmouseout= function(){
MouseOutStyle(this.rowIndex+1);
};
if(i%2==1){
//alert(td.length);
for(var j =0;j<td.length;j++){
td[j].className='report1_333';
}
}else{
for(var m =0;m<td.length;m++){
td[m].className='report1_11';
}
}
}
}
}


//选中改变这一行样式
var r = 0;
var ro =0;
var sty='';
var st='';
function SetCellsStyle(rowno) {
var rowid = rowno;
var introw = parseInt(rowid)-1;
var td = str[introw].getElementsByTagName("td");
//alert(td.length+"length");

if (r == 0) {
r = introw;
for ( var i = 0; i < td.length; i++) {
//tr.rows(row).cells(i).style.backgroundColor = "#FF99cc";
//alert(i);
td[i].className='report1_555';
}
}
if (r != introw) {
ro = r;
//alert(ro+"ro");
r = introw;
var std = str[ro].getElementsByTagName("td")

///alert(std.length+'---------------------eee'+td.length);
for ( var t = 0; t < td.length; t++) {
//tr.rows(row).cells(t).style.backgroundColor = "#FF99cc";
//tr.rows(ro).cells(t).style.backgroundColor = "";
td[t].className='report1_555';
if(introw%2==0&&ro%2==1){
std[t].className='report1_333';
}else if(ro%2==1){
std[t].className='report1_333';
}else{
//std[1].className='report1_11';
if(s==ro){
std[t+1].className='report1_11';
}else{
std[t].className='report1_11';
}
}
}

}
}
//当光标到达时改变这一行样式
function MouseMoveStyle(rowno) {
//event.srcElement.style.backgroundColor = "#d1f2fe";
//var row = cell.parentElement.rowIndex;
var rowid = rowno;
var introw = parseInt(rowid)-1;
var td = str[introw].getElementsByTagName("td");
if (r != introw) {
for ( var i = 0; i < td.length; i++) {
//tr.rows(row).cells(i).style.backgroundColor = "#d1f2fe";
td[i].className='report1_444';
}

}
}
//当光标移除时改变这一行样式
function MouseOutStyle(rowno) {
//event.srcElement.style.backgroundColor = "#ffffff";
//var row = cell.parentElement.rowIndex;
var rowid = rowno;
var introw = parseInt(rowid)-1;
var td = str[introw].getElementsByTagName("td");
if (r != introw) {
for ( var i = 0; i < td.length; i++) {
if(introw%2==0){
td[i].className='report1_11';
}else{
td[i].className='report1_333';
}
//tr.rows(row).cells(i).style.backgroundColor = "";
}
}

}