字体: | 推荐给好友 上一篇 | 下一篇

CSS中常用expression示例

发布: 2007-11-29 23:52 | 作者: webmaster | 来源: 本站原创 | 查看: 4次

QUOTE:


1.更改页面所有的<a href ,要求target为_blank,新开启一个窗口
<style>
A
{
target :expression(this.target="_blank");
}
</style>
2.消除页面上的链接虚线框
<style type="text/css">
a {star : expression(onfocus=this.blur)}
</style>
3.用CSS自定义属性Expression对表格行间隔背景批量定义
<style type="text/css">
tr{ background-color:expression('#F8F8F8,#EFEFEF'.split(',')[rowIndex%2]); }
</style>
4.控制table的对齐方式
在css中定义一个伪类:
.myTableCenter{myalign:expression(this.align="right");}
在<table>中引用.myTableCenter样式即可
5.依照浏览器的大小来安置一个元素的位置
.myclass {left: expression(document.body.offsetWidth - 110 + "px");}
6.区分只读文本框
<style>
input{background-color:expression((this.readOnly && this.readOnly==true)?"#f0f0f0":"")}
</style>
<INPUT TYPE="text" NAME="">
<INPUT TYPE="text" NAME="" readonly>
7.替换图片CSS
#imgScript {   /*这里使用对象ID来通配样式, 也可以定义一个css函数*/
star:expression(
    onmouseover = function()
    {
        /*替换图片*/
        if(this.hover != null){
          this.name = this.src;
          this.src = this.src="/Files/BeyondPic/2006-5/29/0652912505890151.jpg", '_over.jpg');
          this.HasChg = 1;
       }
   },
   onmouseout = function()
  {  
       /*还原本来的图片*/
     if(this.HasChg != null){
        this.src = this.name;
        this.HasChg = null;
    }
}
)
}

TAG: css CSS 常用 expression 示例

 

评分:0

我来说两句

seccode