把视频做成html5轮播图,怎么用html5+css3 实现图片轮播?

轮播特效

.box1{

width:200px;

height:300px;

border:1px dotted black;

background: #aaa;

overflow: hidden;

}

.item{

width: 198px;

height:200px;

border:1px solid red;

float:left;

background:#ff00cc;

}

.cont{

width:1000px;

position:relative;

}

0000

1111

2222

3333

4444

var index=0;

$(".box1").on("click",function(){

var curr=(index++)%5;

console.log(1111);

$(".cont").animate({left:"-200px"},1000,function(){

$(".cont").css("left",0);

$(".item[index="+ curr +"]").appendTo($(".cont"));

});

});