谈Filter在网页中的运用

甜馍馍
综合知识
2005-08-13
48热度
0评论

自W3C公布了样式单（CSS）的标准以来，HTML的每一部分开始以元素的形式出现，并且事件开始真正被引入页面，动态HTML成为了人们讨论的热点。实际上，W3C采用的标准即为微软的DOM，也就是说IE4.0可以更好的支持CSS，并且微软对CSS还进行了许多十分有益地探索，Filter就是一个很好的例子。

众所周知，Javascript或Vbscript作为脚本语言，其功能是不完善的，有许多高级语言的功能无法实现，如图象的处理功能。Filter是微软对CSS的扩展，与PhotoShop中的滤镜概念相似，它可以用很简单的方法对页面中的文字特效作出特效处理，静态如阴影、模糊的效果，动态如各种淡入淡出效果。下面我来仔细讲解一下（以下内容需在IE4.0下浏览）：

静态滤镜：

要显示滤镜效果，必须先建立一个区域（<div>），并规定区域的范围（width和height），以下是对一个一般区域的规定：
<style>

</style>
把此样式单放入到“<head>”标记和“<body>”之间，然后在“<body>”标记间填写正文：
<div>…………</div>
在“<div>”标记中插入样式单：
style="filter:样式(参数1,参数2,参数3……);"

以wave滤镜为例，它在垂直方向产生正弦波形，其中参数add表示是否加入原图象（1=是，0=否），freq表示波的数量，phase表示波形的起始偏移量，lightStrength表示光对波纹照射的强度，strength表示波的强度。下表是Filter支持的所有滤镜样式及其参数：