滑动切换的背景图

滑动切换的背景图

 

演示

 

 

XML/HTML Code

1. <div class="container">   
2.             <div class="main">  
3.                 <ul id="cbp-bislideshow" class="cbp-bislideshow">  
4.                     <li><img src="images/1.jpg" alt="image01"/></li>  
5.                     <li><img src="images/2.jpg" alt="image02"/></li>  
6.                     <li><img src="images/3.jpg" alt="image03"/></li>  
7.                     <li><img src="images/4.jpg" alt="image04"/></li>  
8.                     <li><img src="images/5.jpg" alt="image05"/></li>  
9.                     <li><img src="images/6.jpg" alt="image06"/></li>  
10.                 </ul>  
11.                 <div id="cbp-bicontrols" class="cbp-bicontrols">  
12.                     <span class="cbp-biprev"></span>  
13.                     <span class="cbp-bipause"></span>  
14.                     <span class="cbp-binext"></span>  
15.                 </div>  
16.             </div>  
17.         </div>  

 

原文地址:http://www.freejs.net/article_jquerytupiantexiao_260.html