<body>
<table summary="book list"><caption>Book List</caption><tr><td>Title</td><td>Tom</td><td>Aom</td><td>Tina</td><td>Os</td></tr><tr><td>tom</td><td>1554658</td><td>china</td><td>$785</td><td>download</td></tr><tr><td>tom</td><td>1554658</td><td>china</td><td>$785</td><td>download</td></tr><tr><td>tom</td><td>1554658</td><td>china</td><td>$785</td><td>download</td></tr><tr><td>tom</td><td>1554658</td><td>china</td><td>$785</td><td>download</td></tr></table><br /><script language="javascript">var cells=document.getElementsByTagName('td');//rows是一个行的数组帮韩当前页中所有的行for(var i=0;i<cells.length;i++){ cells[i].οnmοuseοver=function(){ this.className='hover'; //上变色 for(var j=0;j<cells.length;j++) if(cells[j]==this){ cells[j%5].className='hover'; cells[j-j%5].className='hover'; //左变色 } } cells[i].οnmοuseοut=function(){ this.className=''; for(var j=0;j<cells.length;j++) if(cells[j]==this){ cells[j%5].className=''; cells[j-j%5].className=''; //左变色 } //上恢复 //左恢复 } }</script></body></html>