CSS样式里使用JavaScript(onmouseover/onmouseout)

 

<!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> 

posted @ 2006-10-07 15:56    阅读(332)  评论(0编辑  收藏  举报