特效：CSS+Javascript实现表格背景变色

发布时间：2006-10-13 12:23:07　来源：blog.csdn.net 网友评论 0 条

特效：CSS+Javascript实现表格背景变色——大家自己运行看看效果吧。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> CSS样式里使用JavaScript(onmouseover/onmouseout)2</TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <style type="text/css"> table { background-color:#000000; cursor:hand; } td { /*设置onmouseover事件*/ onmouseover: expression(onmouseover=function (){this.style.borderColor ='blue';this.style.color='red';this.style.backgroundColor ='yellow'}); /*设置onmouseout事件*/ onmouseout: expression(onmouseout=function (){this.style.borderColor='';this.style.color='';this.style.backgroundColor =''}); background-color:#ffffff; } </style> </HEAD> <BODY> <TABLE cellspacing='1px' border='1'> <TR > <TD >1...... </TD> <TD>2...... </TD> <TD>3...... </TD> </TR> <TR > <TD >4...... </TD> <TD>5...... </TD> <TD>6...... </TD> </TR> </TABLE> </BODY> </HTML>

效果演示：
CSS样式里使用JavaScript(onmouseover/onmouseout)2