首页>>表单>>wating... 很多不同的加载中动画效果(2015-08-07)

wating... 很多不同的加载中动画效果

wating... 很多不同的加载中动画效果
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

JavaScript Code
  1. <script>  
  2. $(function(){  
  3.   
  4.     var current_effect = 'bounce';  
  5.   
  6.     $('#waitMe_ex').click(function(){  
  7.         run_waitMe(current_effect);  
  8.     });  
  9.     $('#waitMe_ex_close').click(function(){  
  10.         $('#container > form').waitMe('hide');  
  11.     });  
  12.   
  13.     $('#waitMe_ex_effect').change(function(){  
  14.         current_effect = $(this).val();  
  15.         run_waitMe(current_effect);  
  16.     });  
  17.       
  18.     $('#waitMe_ex_effect').click(function(){  
  19.         current_effect = $(this).val();  
  20.     });  
  21.       
  22.     function run_waitMe(effect){  
  23.         $('#container > form').waitMe({  
  24.             effect: effect,  
  25.             text: 'Please wait...',  
  26.             bg: 'rgba(255,255,255,0.7)',  
  27.             color:'#000',  
  28.             sizeW:'',  
  29.             sizeH:''  
  30.         });  
  31.     }  
  32.       
  33. });  
  34. </script>  
XML/HTML Code
  1. <form>  
  2.             <label>Name</label>  
  3.             <input type="text">  
  4.             <label>Email</label>  
  5.             <input type="text">  
  6.             <label>Phone</label>  
  7.             <input type="text">  
  8.             <button type="button" id="waitMe_ex">Submit</button>  
  9.         </form>  

 


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