当前位置: 主页->网页制作->CSS层叠样式表->正文
相关文章
·web标准的商业价值
·CSS2盒模型的3D示意图
·通向web标准之路
·初学web标准的几个误区
·XHTML基础问答
·怎么改善现有网站
·为什么要建立网站标准
·WEB标准
·css布局中的居中问题
·为什么要抛弃HTML
·表格对决CSS--一场生死之战
·学习CSS的10大理由
·简单实用的网页表格特效
·谈Filter在网页中的运用

谈Filter在网页中的运用

http://www.yy0736.com 加入日期:2004.10.29 点击数:

[大字体 中字体 小字体]

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

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

静态滤镜:

要显示滤镜效果,必须先建立一个区域(<div>),并规定区域的范围(width和height),以下是对一个一般区域的规定:
<style>
<!--
div{height:50;width:300;font-size:20pt}
//-->
</style>
把此样式单放入到“<head>”标记和“<body>”之间,然后在“<body>”标记间填写正文:
<div>…………</div>
在“<div>”标记中插入样式单:
style="filter:样式(参数1,参数2,参数3……);"

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

作者:未知 出处:Internet

   

上篇:如何将 CSS 加诸于网页 下篇:在IE和NS中调用层的区别


[夜鹰论坛] [我要留言] [关闭窗口] [ ][TOP]