轻量级jQuery插件slideBox实现带底栏轮播代码-Web前端之家。废话不多说了,直接给大家贴代码了,具体代码如下所示:

jQuery图片轮播插件jQuery{$;$.slideBox({direction : 'top',//left,top#方向duration : 0.3,//滚动持续时间,单位:秒easing : 'linear',//swing,linear//滚动特效delay : 5,//滚动延迟时间,单位:秒startIndex : 1//初始焦点顺序});$.slideBox({duration : 0.3,//滚动持续时间,单位:秒easing : 'linear',//swing,linear//滚动特效delay : 5,//滚动延迟时间,单位:秒hideClickBar : false,//不自动隐藏点选按键clickBarRadius : 10});$.slideBox({hideBottomBar : true//隐藏底栏});});一、左右轮播,滚动持续0.6秒,滚动延迟3秒,滚动效果swing,初始焦点第1张,点选按键自动隐藏,按键边框半径5px二、上下轮播,滚动持续0.3秒,滚动延迟5秒,滚动效果linear,初始焦点第2张,点选按键自动隐藏三、左右轮播,滚动持续0.3秒,滚动延迟5秒,滚动效果linear,初始焦点第1张,点选按键不隐藏,按键边框半径10px四、隐藏底栏

以上内容是有关轻量级jQuery插件slideBox实现带底栏轮播代码,希望对大家有所帮助!

相关文章

网站地图xml地图