鼠标经过背景变色，CSSJavascript实现表格背景变色

第一种：

 

<! 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(οnmοuseοver=function (){this.style.borderColor ='blue' ; this.style.color='red';this.style.backgroundColor ='yellow' } );

   /* 设置onmouseout事件 */
  onmouseout: expression(οnmοuseοut=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 >