JS实现旋转木马式图片轮播效果

  

/*初始化 reset*/

blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}

body,button,input,select,textarea{font:12px/1.5"Microsoft YaHei","微软雅黑", SimSun,"宋体",sans-serif;color:#666;}

ol,ul{list-style:none}

a{text-decoration:none}

fieldset,img{border:0;vertical-align:top;}

a,input,button,select,textarea{outline:none;}

a,button{cursor:pointer;}

.w-wrap{

  width:1200px;

  margin:100pxauto;

}

.wrap-slide{

  position:relative;

}

.wrap-slide li{

  position:absolute;

  left:200px;

  top:0;

}

.wrap-slide li img{

  width:100%;

}

.wrap-slide-arrow{

  opacity:0;

  position:relative;

}

.prev,.next{

  width:76px;

  height:112px;

  position:absolute;

  top:50%;

  margin-top:-56px;

  background:url(../images/prev.png)no-repeat;

}

.next{

  right:0;

  background:url(../images/next.png)no-repeat;

}