 |
|
 |
|
![]() |
![]() |
|
 |
| 图片轮显代码大全(JS幻灯片) |
|
| 作者：佚名 文章来源：ebook-cn.com 更新时间：2006-3-1 23:07:46 |
![]() |
|
|
|
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种转换滤镜的形式及其对应的代号：
动态转换滤镜的属性、方法和事件
属性名 说明 取值
duration 图像转换的延迟时间，最小单位是毫秒，也就是小数点后第三位。 单位是秒，取值自然数
enabled 指定是否应用滤镜效果 0表示不应用，非0表示就用。
staus 传回一个转换状态 0表示转换停止
1表示显示应用的转换滤镜
2表示正在转换中
方法名 说明
Apply 将滤镜应用到对象上
Play 开始转换
Stop 停止转换
事件名 说明
OnFilterChange 当滤镜转变发生改变或是滤镜完成时所触发的事件
上面的CSS的转换滤镜如何被JavaScripts调用的知识我没有过多的说明，我只是列举了他的属性方法和事件。在后面，我们用Javascript来控制他的时候，我会告诉大家如何用JavaScripts使其工作的。当然这些滤镜只能在IE4.0中浏览，NetScape不支持，不过，这并不影响netscape中的显示，只不过Netscape中不会出现图片转换的效果了。
下面，我要开始最为核心的部分了，就是编写javascript程序了。我们的思路是，可以定义一组图片（若干张），上一页 [1] [2] [3] [4] [5] [6] [7] [8] [9] 下一页
|
|
|
|
|
|
|
 |
|
![]() |
|
![]() |
|
