动态
HTML(DHTML)
动态动态
HTML(DHTML)是一系列的相关技术,允许你创建高级
的用户界面,它使用前面章节讲述的对象、事件、脚本和
style sheet,开
发者应该掌握这一技术来建立吸引人的站点。
本章首先讲述滤镜和过渡,这可以通过图象的 style 属性来完成,它可
以让你操作图象在浏览器中的行为。接着你会看到怎样动态改变网页中的
内容,元素可根据用户的行为出现或消失,元素的位置和形式也可以动态
改变,这可以用于建立动画及提供更多的交互性。数据绑定使得信息在客
户工作站上就可以进行处理,它占用了更少的服务器和网络资源,交互性
也提高了。最后值得一提的是本章讲述的技术包括微软版的 DHTML,所有
例子都在
IE4.0 上测试通过。
一、滤镜:
filter
滤镜以多种方式改变一个图象的外观,而且不需要在客户机上下载多
个文件,因此有效利用了带宽、处理器和资源。每个图象都有一滤镜类型的
属性,它指明了对此图象使用哪种滤镜,下表概括了
1E4.0 中包括的滤镜
类型。
描述
Alpha
控制透明度
Blur
产生模糊效果
Chromakey
使指定的颜色透明
Drop Shadow
在图象后产生一个偏移阴影
Flip Horizontal
图象左右颠倒
Flip Vertical
图象上下颠倒
Glow
在图象边框上产生发光效果
Gray
将彩色图象变为黑白图象
Invert
图象反色
Lights
加入散射光或点光源
Mask
建立一个掩模
Shadow
在图象后产生一个阴影
Wave
产生波浪形扭曲
X-Ray
产生
X 射线效果
下面简单介绍如何使用这些滤镜。