三种不同切换效果的JQuery轮播图

安装方法：

1、载入所需JS文件

jquery.min.js

L_slide.js

1、加入CSS样式

* {margin:0;padding:0;}
ul{list-style:none;}
.wrap{width:670px;height:240px;position:relative;overflow:hidden;float:left;margin:20px;}
.slidebox {width:670px;position:absolute;top:0;left:0;height:240px;}
.slidebox li {float:left;width:670px;height:240px;left:0;top:0;}
.slidebox li img {display:block;width:670px;height:240px;}
.dot{position:absolute;width:100%;height:30px;background:rgba(0,0,0,0.3);text-align:right;bottom:0;left:0;}
.dot p{margin-right:10px;}
.dot b{width:17px;height:17px;border-radius:20px;color:#333;display:inline-block;border:1px solid #fff;background:#fff;text-align:center;line-height:17px;margin:0 3px;margin-top:6px;cursor:pointer;font-weight:normal;}
.dot .cur{background:#F63;color:#fff;border:1px solid #f63;}

配置说明：

$(".af1").slide({
affect:1, //1：上下滚动; 2:幕布式; 3:左右滚动；4：淡入淡出
time:3000, //间隔时间
speed:400, //动画快慢
dot_text:false, //按钮上有无序列号
});