滤镜

在DHTML语法体系中，Filter作为Style（样式表）对象的一个属性存在；filter属性又以一个子对象的身份包括众多属性、方法和事件；

滤镜作为CSS的属性，以作为DOM的对象，其定义的形式也有两种。

1 在CSS中：filter:滤镜名（参数）；

2 在脚本中：对象.style.filter="滤镜名(参数)"

不同滤镜的作用范围不同，有些滤镜仅能作用于图像，有些则适应于文本，但在部分滤镜主要在块状元素内起作用,（即把CSS的display属性定义为block);有些文字滤镜还要同时指定块状元素的宽和高；

滤镜可以分为三类：界面、静态、转换滤镜；

alpha 透明的层次效果

blur

chroma

dropshadow

flipH

flipV 垂直翻转效果

Glow

Gray

Invert

Mask

Shadow

wave

xray

auto

以下是一个静态滤镜，一个发光的效果：

.p4

{

filter : progid:DXImageTransform.Microsoft.Alpha

( enabled=bEnabled , style="3" ,opacity=2"0" , finishOpacity="100" , startX="10", startY="20", finishX="100" , finishY="80" );

}

动态滤镜：以下是两个层叠在一起，一个滑动门的效果

<scriptlanguage="javascript">

function show()

{

main.filters[0].apply();

main.style.visibility="hidden";

main.filters[0].play();

}</script>

<style>

#main

{

filter:progid:DXImageTransform.Microsoft.Barn(duration=4);

position:absolute;

top:10px;

left:10px;

z-index:2;

}

#main2

{

position:absolute;

top:10px;

left:10px;

z-index:1;

} img{

width:50%;

height:50%;

}