首先非常感谢网友小鸟的无私分享,此作品是他刚写好的一款jquery原创foxbanner插件件,默认只加载第一张图片,过两秒后加载另外的图片,让首屏加载更快,主要用到了fox.core插件,1、jquery on事件的优化,加了时间参数,2、datalazy的简单实现,3、简单的模块化写功能,4、banner图片的延时加载,以及整块的滚动加载。
核心jquery代码如下:
fox('#banner').banner({
data : undefined, //传数据,可以是数组,也可以是json数据字符串,不填则默认找div下面的input的
css : '', //css
// width : 200, //默认为100%
// height : 200, //默认为250px
auto : true, //是否自动播放
autotime : 3000, //自动播放间隔
effect : 1, //特效类型 0:渐变;1:左右;
efftime : 200, //渐变时间
// hideDot : true, //隐藏小圆点传ture, 不传显示
// hideBtn : true, //隐藏按钮传ture, 不传显示
// lazytime : 'scroll' //延时加载时间
});
效果如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
网友小鸟 jquery原创 foxbanner 图片滚动 图片轮播 banner横向滚动 Focusbanner jquery特效 fox.core