2个不同的图片效果,可以用焦点图

2个不同的图片效果,可以用焦点图

演示

 

XML/HTML Code

1. <div id="rondellSlider">  
2.   <img src="images/slider/pic1.png" alt="unicorn" title="A beautiful unicorn">  
3.   <img src="images/slider/pic2.png" alt="swan" title="Swan on the alpsee">  
4.   <img src="images/slider/pic3.png" alt="landscape" title="Great landscape">  
5.   <img src="images/slider/pic4.png" alt="mountains" title="Austrian mountains">  
6. </div>  

 

 

JavaScript Code

1. <script type="text/javascript">  
2.     (function() {  
3.       $(function() {  
4.         return $('#rondellSlider > *').rondell({  
5.           preset: 'slider'  
6.         });  
7.       });  
8.       
9.     }).call(this);  
10.     </script>  

 

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