旋转折叠css div层

旋转折叠css div层

 

演示

 

 

XML/HTML Code

1. <button id="doSwirl_1">Toggle (1 spin, 1000ms)</button>  
2. <button id="doSwirl_2">Toggle (4 spins, 1000ms)</button><br />  
3. <button id="doSwirl_3">Toggle (4 spins, 2000ms)</button><br />  
4. <div id="tester">Press one of the "Toggle" buttons above to test the swirl animation</div>  

 

JavaScript Code

1. <script type='text/javascript'>  
2. $(window).load(function(){  
3. var tester = $('#tester');  
4.   
5. $('#doSwirl_1').click(function(){  
6.     tester.toggle('swirl',1000);  
7. });  
8.   
9. $('#doSwirl_2').click(function(){  
10.     tester.toggle('swirl',{spins:4},1000);  
11. });  
12.   
13. $('#doSwirl_3').click(function(){  
14.     tester.toggle('swirl',{spins:4},2000);  
15. });  
16. });   
17.   
18. </script>  

 

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