unslider插件制作图片轮播

引入jquery和unslider。

 

    

        

        

        

    

会自动生成小白点

 
action 1
2
3
可以对小白点设置样式

 简单设置样式

.banner { 
position: relative; overflow: auto; 
}
.banner li {
 list-style: none;
 }
.banner ul li { 
float: left;
 }

 调用unslider

 

$('.banner').unslider({
    speed: 500,               //  滚动速度
    delay: 3000,              //  动画延迟
    complete: function() {},  //  动画完成的回调函数
    keys: true,               //  启动键盘导航
    dots: true,               //  显示小白点
    fluid: false，             //  支持响应式设计
    arrows:true              //显示左右键头
});

可以添加图片式的左右键头，在无序列表后面添加img标签

 对箭头图片设置成想要的形式。