上下,左右,透明度无缝轮播图

上下轮播;    //原理是

css样式;

            #box{
height:510px;
width: 1000px;
border: 1px solid #999999;
margin: 50px auto;
overflow: hidden;
position: relative;
}
#tu{
position: absolute;
width: 1000px;
}

li{
list-style: none;
}
#box img{
height: 510px;

width: 1000px;

                              }

    HTML布局;

   

       

• 



       

• 
• 
  

           

• 

       

• 
•                      //上下轮播要保证第一张和最后一张图相同

       

 

        

    
• 1


• 2


• 3


• 4

<

>

   js样式;