16、动态HTML：滤镜与过渡效果

动态HTML：滤镜与过渡效果

1. 引言

在过去，由于桌面计算机处理能力不足，网页上难以实现一些引人注目的视觉效果。如今，随着处理器性能的提升，这些视觉效果能够无延迟地实现。就像我们在电视天气预报中期待看到精彩的视觉效果一样，网页用户在浏览网页时也欣赏这些视觉效果。

过去，要实现这些效果往往需要频繁与服务器交互，导致延迟，从而使效果的美感大打折扣。而动态HTML（DHTML）则不同，许多视觉效果可直接在客户端浏览器（如Internet Explorer 5.5）中实现，无需服务器端处理延迟。启动这些效果的DHTML代码通常很小，可直接嵌入XHTML网页中。

通过DHTML，我们可以实现多种效果，例如在页面之间实现随机溶解、水平和垂直百叶窗等过渡效果，类似于幻灯片演示软件中的效果；还能根据用户操作将彩色图像转换为灰度图像，以表示某些选项当前不可选；可以让字母发光以突出显示；为文本添加投影，使其具有三维外观。

1.1 滤镜与过渡效果的特点

• 滤镜 ：应用于文本和图像时会产生持久的变化。
• 过渡效果 ：是临时的，应用过渡效果可以让我们以愉悦的视觉效果从一个页面过渡到另一个页面，如随机溶解。

滤镜和过渡效果本身不会为页面添加内容，而是以吸引人的方式展示现有内容，以吸引用户的注意力。而且，这些视觉效果都是可编程的，可以通过响应鼠标点击和按键等用户事件的程序进行动态调整。

1.2 注意事项

• 浏览器兼容性 ：滤镜和