unslider

示图:

搜狗截图_2015-06-17_10-44-17

参数:

var unslider = $(‘#u_banner’).unslider({
dots: true,      //圆点切换
speed: 500,   //切换图片时的动画时长
delay: 3000, //多久切换一张图片
keys: true,     //键盘控制
fluid: true      //响应式
}),
u_dom = unslider.data(‘unslider’);

$(‘.u_arrow’).click(function() {                          //左右切换图片控制
var fn = this.className.split(‘ ‘)[1];
u_dom[fn]();
});
u_dom.stop();                                                        //停止自动播放控制

u_dom.start();                                                       //开始自动播放控制
u_dom.move(0,function(){});                            //切换到第几张图片

下载:

点击下载

发表评论

电子邮件地址不会被公开。 必填项已用*标注