当前位置：首页 -> 网页设计 -> HTML/CSS -> DHTML幻灯片播放程序（一）

DHTML幻灯片播放程序（一）

时间： 2021-07-31 作者：daque

这是一个幻灯片播放步调，也即是一图片轮番播放的步调。咱们在少许站点上不妨瞥见这种情势的告白播放条，大多是用cgi做的，也即是要效劳器端扶助cgi步调，如asp、php、perl等。但咱们这边的实行本领无需cgi，用的仅是css的功效，再加上javascripts的遏制。只有你的欣赏器是ie 4.0之上或是netscape 3.0之上的就不妨了。只然而在这边咱们用到了css的filter滤镜功效，该功效只能在ie中展示。相关css的filter滤镜功效，大师不妨参看我的《css中filter滤镜详解》，该作品在yesky.com上仍旧公布。好了，让咱们来做点筹备处事吧。　　开始，为了创造这个功效，咱们开始要打几个尺寸一律巨细的图片，让其轮番播放。比方，我找了底下三个88x31的图片做为所用的的图片。　　其次，让咱们再来温习一下css中filter的图片变换滤镜的常识： css中的表露变换滤镜　　表露变换滤镜供给的是一种更为反复无常的变换功效，它不像搀和变换滤镜，只供给一种淡入淡出的功效，它还供给了更多的图片变换功效，它的语法是：filter : revealtrans ( duration = 变换的秒数，transition=变换典型 )　　大师不妨瞥见，它有一个变换典型的参数，这边，它供给了24种变换典型，咱们只需指定变换典型的代号，就不妨让图片按私有的变换功效举行变换。下表即是24种变换滤镜的情势及其对应的代号：

表露变换滤镜的变换情势

所对应的代号

表露变换滤镜的变换情势

所对应的代号

矩形从大至小

随机融化

矩形自小至大

笔直向内裂开

圆形从大至小

笔直向外裂开

圆形自小至大

程度向内裂开