javascript图片卷帘/淡入淡出效果

更新:2011-03-29增加淡入淡出效果,效果如下

javascript图片卷帘/淡入淡出效果

javascript实现的图片卷帘切换效果,上下左右都可以切换,兼容IE,ff,chrome,和javascript图片翻页切换效果很接近,稍微修改了一些样式和一些脚本代码。

cfg配置说明
w: 容器宽,不设置默认500px
h: 容器高,不设置默认为500px
delay: 触发器间隔,默认10ms
step: 切换时每次的移动的距离,默认20px
chrDelay:自动播放间隔时间,如果不传递这个值,将不会自动播放
topLeft: 被移动的层距离要显示的层的距离,默认10px
zIndex: 层垂直显示循序,默认100
data: 数组,对应容器的内容
guider: 是否显示数字导航条,默认为false。如果只有一张图片设置为true也不会出现导航条
guiderdir:导航在左下角1或者右上角2,默认左下角1,如果不显示导航可以忽略此参数
dir: 切换方向/使用滤镜,dir==alpha时为滤镜,默认滤镜,从左边切换还是右边,从上还是下,默认左边到右边1,右边到左边为2,上到下3,下到上4

分类:js图片特效 下载地址
阅读(74)喜欢(0)不喜欢(0)206.82KB浏览器查看效果 点击下载