css中用expression实现js的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 >风儿吹散了蒲公英

</TD>

<TD>风儿吹散了蒲公英

</TD>

<TD>风儿吹散了蒲公英

</TD>

</TR>

<TR >

<TD >风儿吹散了蒲公英

</TD>

<TD>风儿吹散了蒲公英

</TD>

<TD>风儿吹散了蒲公英

</TD>

</TR>

</TABLE>

</BODY>

</HTML>

posted on 2006-09-21 22:33 BlueRain 阅读(731) 评论(0) 收藏举报

刷新页面返回顶部