好孩子官网满屏焦点图代码(jQuery)

好孩子官网满屏焦点图代码(jQuery)

2018-11-05 您是第972位浏览者

好孩子官网满屏jQuery焦点图,兼容IE 6/7/8/9及其它主流浏览器!

详细说明

好孩子官网满屏jQuery焦点图,兼容IE 6/7/8/9及其它主流浏览器!

使用方法:

1、依次引入fullfoucs.css、jQuery脚本库及jquery.fullfoucs.js文件;

2、将代码复制到页面中即可。

3、可对效果进行四项设置:

isAutoPlay:是否自动滚动,默认为true,即页面打开后焦点图自动滚动,可设为false。例 $.fullFoucs({ isAutoPlay: false })

direction:图片自动滚动时的方向,默认为'up',即向上滚动,可设为'down'使其向下滚动。例 $.fullFoucs({ direction: 'down' })

animateTime:图片滚动时需要多少毫秒,默认为1000,可设为其它数值。例 $.fullFoucs({ animateTime: 2500 })

interval:图片每隔多少毫秒滚动一次,默认为3500,可设为其它数值。例 $.fullFoucs({ interval: 5000 })

注意:请确保 interval 的值大于 animateTime 的值

4、以上四项设置可同时出现,未设置的将使用默认值。例 $.fullFoucs({ animateTime: 1000, isAutoPlay: false })

发表评论

(必填)

(必填)

(选填)

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

最新发布

热门讨论