首页>>Jquery文字>>旋转折叠css div层(2014-02-03)

旋转折叠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