请问如何将onmouseover放到样式表文件里

Question

我想把onmouseover放到样式表文件中。不是放在ASPX页面中。
<style   type="text/css">  
  .showCSS{  
  event:expression(  
  onmouseover   =   function()  
  {  
  this.style.backgroundColor='#f0f0f0'  
  },  
  onmouseout   =   function()  
  {  
  this.style.backgroundColor='#ffffff'  
  }  
  )  
  }  
  </style>  
象这种方式写在aspx文件中的不要，要写在.css文件中的那种。我把这种方式改写到.css文件中不起作用。

Answer 1

鼠标经过表格变色样式:
 <style>  
  table   {   background-color:#000000;   cursor:hand;   width:100%;   }  
  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>
控制表格隔行变色:
    简单应用:
        <style type="text/css">
<!--
tr {background-color:expression((this.sectionRowIndex%2==0)?"#E1F1F1":"#F0F0F0")}
-->
    高级应用:每个单元格变色
        <style type="text/css">
<!--
tr {background-color:expression((this.sectionRowIndex%2==0)?"red":"blue")}
td {background-color:expression((this.cellIndex%2==0)?"":((this.parentElement.sectionRowIndex%2==0)?"green":"yellow"))}
-->
</style>
添加CSS文件引用:
<link id="cssStyle" rel="stylesheet" type="text/css" href="../style.css" />

可能对你有点帮助

---

咯咯

Answer 2

这些我都会，你没有仔细看我的问题。我是要把这些放到.css文件中，并不是你这种写在aspx页面中的样式。比喻讲我有一个a.css的文件。我要把这些写到a.css文件中。然后调用a.css中的onmouseover.

Answer 3

我想把onmouseover放到样式表文件中。不是放在ASPX页面中。
<style   type="text/css">  
  .showCSS{  
  event:expression(  
  onmouseover   =   function()  
  {  
  this.style.backgroundColor='#f0f0f0'  
  },  
  onmouseout   =   function()  
  {  
  this.style.backgroundColor='#ffffff'  
  }  
  )  
  }  
  </style>  
象这种方式写在aspx文件中的不要，要写在.css文件中的那种。我把这种方式改写到.css文件中不起作用。

你好cycc，应该可以这样写：

.abc{
  abc:expression(this.onmouseover=function(){/*do some thing*/});
}

---

我们要把爱心传递给更多需要帮助的人。
博客：http://terryfeng.cnblogs.com
微博：http://t.sina.com.cn/terryfeng
个人：http://www.terryfeng.com

Answer 4

以上样式非IE都不支持，ie8以及所有浏览器支持的CSS是

<style>
	div{background:blue}
	div:hover{background:red}
	</style>
	<div>xx</div>

expression在以后的ie中将废弃

---

【孟子E章】

Answer 5

这种写法，在实际样式引用中无效。我是vs2010 rc1. IE8

Answer 6

谢谢!按你的方法成功实现。