给元素固有属性赋值

　　例如，你可以依照浏览器的大小来安置一个元素的位置。

#myDiv {
position: absolute;
width: 100px;
height: 100px;
left: expression(document.body.offsetWidth - 110 "px");
top: expression(document.body.offsetHeight - 110 "px");
background: red;
}

　　给元素自定义属性赋值

　　例如，消除页面上的链接虚线框。 通常的做法是：

<a href="link1.htm" onfocus="this.blur()">link1</a>
<a href="link2.htm" onfocus="this.blur()">link2</a>
<a href="link3.htm" onfocus="this.blur()">link3</a>

　　粗看或许还体现不出采用expression的优势，但如果你的页面上有几十甚至上百个链接，这时的你难道还会机械式地Ctrl C，Ctrl V么，何况两者一比较，哪个产生的冗余代码更多呢？

　　采用expression的做法如下：

<style type="text/css">
a {star : expression(onfocus=this.blur)}
</style>
<a href="link1.htm">link1</a>
<a href="link2.htm">link2</a>
<a href="link3.htm">link3</a>

　　说明：里面的star就是自己任意定义的属性，你可以随自己喜好另外定义，接着包含在expression()里的语句就是JS脚本，在自定义属性与expression之间可别忘了还有一个引号，因为实质还是CSS，所以放在style标签内，而非s cript内。OK，这样就很容易地用一句话实现了页面中的链接虚线框的消除。不过你先别得意，如果触发的特效是CSS的属性变化，那么出来的结果会跟你的本意有差别。例如你想随鼠标的移进移出而改变页面中的文本框颜色更改，你可能想当然的会认为应该写为

<style type="text/css">
input
{star : expression(onmouseover=this.style.backgroundColor="#FF0000";
onmouseout=this.style.backgroundColor="#FFFFFF")}
</style>
<style type="text/css">
input {star : expression(onmouseover=this.style.backgroundColor="#FF0000";
onmouseout=this.style.backgroundColor="#FFFFFF")}
</style>
<input type="text">
<input type="text">
<input type="text">

　　可结果却是出现脚本出错，正确的写法应该把CSS样式的定义写进函数内，如下所示：

<style type="text/css">
input {star : expression(onmouseover=function()
{this.style.backgroundColor="#FF0000"},
onmouseout=function(){this.style.backgroundColor="#FFFFFF"}) }
</style>
<input type="text">
<input type="text">
<input type="text">

										切换效果   Transition参数值      切换效果       Transition参数值 
矩形从大至小      0              随机溶解            12 
矩形从小至大      1            从上下向中间展开      13 
圆形从大至小      2            从中间向上下展开      14 
圆形从小至大      3            从两边向中间展开      15 
向上推开          4            从中间向两边展开      16 
向下推开          5            从右上向左下展开      17 
向右推开          6            从右下向左上展开      18 
向左推开          7            从左上向右下展开      19 
垂直形百叶窗      8            从左下向右上展开      20 
水平形百叶窗      9              随机水平细纹        21 
水平棋盘          10             随机垂直细纹        22 
垂直棋盘          11            随机选取一种特效     23 
								

										1、制作一个Revealtrans滤镜，取名为“mytrans"，其制作方法与前面介绍的静态滤镜相同，参数值为Transition=12,Duration=2。设置好后，在网页源代码的< head >与< /head >之间将有下面这样的代码：
< style type="text/css" >
< !--
.mytrans { filter:revealTrans(Transition=12,Duration=2)}
-- >
< /style >
　　2、插入一个层，我们把层的“Layer ID”改为“div1”（可直接在层的属性面板上加入即可），并设置好层的背景和调整好层的大小，并把Revealtrans滤镜加载到到层上，这时你看到的层的标记代码是这样的：< div id="div1" style="position:absolute; width:680px; height:30px; z-index:37; background: #FFFFCC; layer-background-color: #FFFFCC; border: 1px none #000000" class="mytrans" >< /div >
　　3、在网页源代码的< head >与< /head >之间插入下面这段Javascript程序：
　　< script language="JavaScript" >
　　< !-- 
　　function HelpArray(len)
　　{
　　this.length=len;
　　}
　　// 建立一个数组，存放转换的内容。
　　HelpText=new HelpArray(5);
　　HelpText[0]="在一个文档使用动态转换的滤镜（Revealtrans）其实是很容易的。";
　　HelpText[1]="首先，为对象的样式表单建立一个需要转换的“Revaltrans"滤镜，";
　　HelpText[2]="然后，使用“apply()"方法防止错误，";
　　HelpText[3]="现在，你可以改变任何你想改变的东西，";
　　HelpText[4]="最后，“play()"方法开始进行转换。";
　　ScriptText=new HelpArray(5);
　　var i= -1;
　　// 显示转换效果
　　function playHelp()
　　{
　　if (i==4)
　　{ i=0 ;}
　　else
　　{ i++; }
　　div1.filters[0].apply();
　　div1.innerText=HelpText[i];
　　div1.filters[0].play();
　　// 设置每段字幕演示的时间，以毫秒计。这里的时间要长于滤镜中的时间，以保证在转换结束后能停留一段时间。
　　// 以方便看清楚字幕内容。在本例中字幕演示的时间是6秒，滤镜中设置的转换时间是2秒。
　　mytimeout=setTimeout("playHelp()",6000);
　　}
　　-- > 
　　< /script >
　　4、在网页的源代码的< body >中加入这样一句代码：onload="playHelp()"。