javascript实现点击提交按钮后显示loading的方法

这篇文章主要介绍了javascript实现点击提交按钮后显示loading的方法,涉及javascript动态设置页面元素样式的相关技巧,需要的朋友可以参考下

本文实例讲述了javascript实现点击提交按钮后显示loading的方法。分享给大家供大家参考。具体如下：

这里可以实现点击提交按钮后显示loading，防止用户重复提交

1. <style> 
2. #loading {  
3. position:absolute;  
4. width:500px;  
5. height:50px;  
6. top:50%; 
7. left:50%;  
8. margin: -25px -150px; 
9. background-color:#FFFFFF; 
10. border:1px solid #CCCCCC; 
11. text-align:center; 
12. padding:20px; 
13. } 
14. </style> 
15. <div id="loading" style="display:none"> 
16. <img src="image/ajax.gif" /> Loading... 
17. </div> 
18. <a href="#" onclick="document.getElementById('loading').style.display='';">test</a> 

希望本文所述对大家的javascript程序设计有所帮助。