首先非常感谢网友涛涛的无私分享，此作品是他分享到JquerySchool网站上的第二款原创js特效，实现图片轮播功能，代码利用了面向对象的写法，结构清晰，简洁易懂，非常适合网友们学习用，好好利用哦。。。
初始化代码如下：
init:function(s){
this.o=this.getByClass(s)[0];
this.l=this.getByClass('slider_pic',this.o)[0].getElementsByTagName('li');
this.b=this.getByClass('slider_btn',this.o)[0];
this.bSpan=this.b.getElementsByTagName('span');
this.len=this.l.length;
this.iNum=0;
this.status();//初始化状态
this.autoPlay();//自动播放
this.clickPlay();//点击按钮播放
this.suspensionPause();//鼠标悬浮暂停
}
效果如下：
如果您觉得本作品对您的学习有所帮助：
关键字：
网友涛涛 滑动插件 图片滚动 图片轮播 图片旋转轮播 Jquery焦点图 Focusbanner