当前位置:编程学习 > html/css >>

在CSS样式表里使用JavaScript

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>
补充:Css教程,样式布局 
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,