鼠标经过tr背景变色的js代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>鼠标经过tr背景变色的js代码</title> <style type="text/css"> a,a:visited{ font-size:12px; color:#000000; text-decoration:none; } a:hover{ text-decoration:none; } </style> <script> function overIt(){ var the_obj = event.srcElement; if(the_obj.tagName.toLowerCase() == "td"){ the_obj=the_obj.parentElement; the_obj.oBgc=the_obj.currentStyle.backgroundColor; the_obj.oFc=the_obj.currentStyle.color; the_obj.style.backgroundColor='red'; the_obj.style.color='green'; the_obj.style.textDecoration='none'; } } function outIt(){ var the_obj = event.srcElement; if(the_obj.tagName.toLowerCase() == "td"){ the_obj=the_obj.parentElement; the_obj.style.backgroundColor=the_obj.oBgc; the_obj.style.color=the_obj.oFc; the_obj.style.textDecoration=''; } } </script> </head> <body> <table border=1 width=600 onmouseover="overIt()" onmouseout="outIt()"> <tr bgColor=#111111> <td height="30"><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td></tr> <tr bgColor=#222222> <td height="30"><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td></tr> <tr bgColor=#333333> <td height="30"><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td></tr> <tr bgColor=#444444> <td height="30"><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td></tr> <tr bgColor=#555555> <td height="30"><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td></tr> <tr bgColor=#666666> <td height="30"><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td></tr> <tr bgColor=#777777> <td height="30"><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td></tr> <tr bgColor=#888888> <td height="30"><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td></tr> <tr bgColor=#999999> <td height="30"><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td></tr> <tr bgColor=#aaaaaa> <td height="30"><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td></tr> <tr bgColor=#bbbbbb> <td height="30"><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td></tr> <tr bgColor=#cccccc> <td height="30"><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td></tr> <tr bgColor=#dddddd> <td height="30"><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td></tr> <tr bgColor=#eeeeee> <td height="30"><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td></tr> <tr bgColor=#ffffff> <td height="30"><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td><td><a href="http://www.qdql.net">千龙网络</a></td></tr> </table> </body> </html>