首先非常感谢网友夏の寒风的无私分享,此Jquery插件是一款非常实用的功能,可支持10个参数的动态设置,网友们可以按照自己的需求来灵活设置插件的参数。
Jquery插件包括以下功能
1、图片轮播
2、文字描述显示
3、查看详细按钮
4、自动播放
5、带上一个和下一个按钮
参数详细介绍如下:
$.fn.focusbanner.options = {
loopBody: '', // 焦点图的主体(selector)
curClass: 'current', // 焦点图当前选中的样式
speed: 500, // 焦点图切换的速度(单位:ms)
gap: 5000, // 焦点图切换的间隔(单位:ms)
next: '', // 下一张焦点图按钮,可选(selector)
prev: '', // 上一张焦点图按钮,可选(selector)
dissolve: { // 双焦点图切换,其中一张略小的图一般会带上溶解效果,可选。(注:为了兼容低配置机型,溶解效果目前取消了,只做了简单的切换。)
curClass: 'current',
selector: ''
},
control: { // 焦点图带有下标的切换,可选
curClass: 'current',
selector: ''
},
botton: { // 焦点图带有按钮切换
curClass: 'focus-btns',
selector: ''
},
contentDiv: 'content'
};
效果如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
Jquery焦点图 Focusbanner 滚动特效 滑动插件 幻灯片 图片滚动 图片轮播 banner横向滚动