html鼠标背景特效代码,鼠标移动时，表格行和列背景同时变色的一则网页特效代...

curColRowHighlight

var tb=document.getElementById("tb1");

var tbtr=tb.getElementsByTagName("tr");

var tbtd=tb.getElementsByTagName("td");

var tbrows=tbtr.length;

var tbcols=tbtr[0].getElementsByTagName("td").length;

var tbtds=tb.getElementsByTagName("td").length;

for(var i=0;i

for(var j=0;j

tbtd[(i*tbcols)+j].row=i;

tbtd[(i*tbcols)+j].col=j;

tbtd[(i*tbcols)+j].innerHTML=i+""+j;

tbtd[(i*tbcols)+j].οnmοuseοver=function(){

for(var k=0;k

if(tbtd[k].row==this.row||tbtd[k].col==this.col){tbtd[k].style.background="#333";tbtd[k].style.color="#fff";}

}

}

tbtd[(i*tbcols)+j].οnmοuseοut=function(){

for(var k=0;k

if(tbtd[k].row==this.row||tbtd[k].col==this.col){tbtd[k].style.background="";tbtd[k].style.color="";}

}

}

}

}