background image

动态

HTMLDHTML

动态动态

HTML(DHTML)是一系列的相关技术,允许你创建高级

的用户界面,它使用前面章节讲述的对象、事件、脚本和

style sheet,开

发者应该掌握这一技术来建立吸引人的站点。

本章首先讲述滤镜和过渡,这可以通过图象的 style 属性来完成,它可

以让你操作图象在浏览器中的行为。接着你会看到怎样动态改变网页中的
内容,元素可根据用户的行为出现或消失,元素的位置和形式也可以动态
改变,这可以用于建立动画及提供更多的交互性。数据绑定使得信息在客
户工作站上就可以进行处理,它占用了更少的服务器和网络资源,交互性
也提高了。最后值得一提的是本章讲述的技术包括微软版的 DHTML,所有
例子都在

IE4.0 上测试通过。

一、滤镜:

filter

滤镜以多种方式改变一个图象的外观,而且不需要在客户机上下载多

个文件,因此有效利用了带宽、处理器和资源。每个图象都有一滤镜类型的
属性,它指明了对此图象使用哪种滤镜,下表概括了

1E4.0 中包括的滤镜

类型。

Error:

 

Reference

source not found 

描述

Alpha

控制透明度

Blur

产生模糊效果

Chromakey

使指定的颜色透明

Drop Shadow

在图象后产生一个偏移阴影

Flip Horizontal

图象左右颠倒

Flip Vertical

图象上下颠倒

Glow

在图象边框上产生发光效果

Gray

将彩色图象变为黑白图象

Invert

图象反色

Lights

加入散射光或点光源

Mask

建立一个掩模

Shadow

在图象后产生一个阴影

Wave

产生波浪形扭曲

X-Ray

产生

X 射线效果

下面简单介绍如何使用这些滤镜。