javascript图片翻页切换效果

javascript实现的图片翻页切换效果,上下左右都可以切换,兼容IE,ff,chrome,效果如下

javascript图片翻页切换效果

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

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