css expression的四个用法

一、现在有一要求改页面所有的<a href ,要求target为_blank,新开启一个窗口。但不能一个个通过增加target='_blank'来修改href 。通过思考决定用css 的 expression用法来动态修改。方法如下：
<style>
A {
target :expression(this.target="_blank");
}
</style>
二、在CSS中使用expression，用来把CSS属性和Javascript表达式关联起来，这里的CSS属性可以是元素固有的属性，也可以是自定义属性。就是说CSS属性后面可以是一段Javascript表达式，CSS属性的值等于Javascript表达式计算的结果。 在表达式中可以直接引用元素自身的属性和方法，也可以使用其他浏览器对象。这个表达式就好像是在这个元素的一个成员函数中一样。

/*替换图片CSS*/
#imgScript {   /*这里使用对象ID来通配样式, 也可以定义一个css函数*/
star:expression(
    onmouseover = function()
    {
        /*替换图片*/
        if(this.hover != null){
          this.name = this.src;
          this.src = this.src.replace(’.jpg’, ’_over.jpg’);
          this.HasChg = 1;
       }
   },
   onmouseout = function()
{  
       /*还原本来的图片*/
     if(this.HasChg != null){
        this.src = this.name;
        this.HasChg = null;
    }
}
)

}/*end imgScript*/

三、随鼠标的移进移出而改变页面中的文本框颜色

<style type="text/css">
input {star : expression(οnmοuseοver=function()
{this.style.backgroundColor="#FF0000"},
οnmοuseοut=function(){this.style.backgroundColor="#FFFFFF"}) }
</style>
<input type="text">
<input type="text">
<input type="text">

四、下面是一个用CSS自定义属性Expression对表格行间隔背景批量定义的例子

<style type="text/css">
tr{ background-color:expression('#F8F8F8,#EFEFEF'.split(',')[rowIndex%2]); }
</style>

可以实现表格行背景色（#F8F8F8,#EFEFEF）交替出现，不需要每行单独定义。