這篇文章主要介紹了javascript實(shí)現(xiàn)點(diǎn)擊提交按鈕后顯示loading的方法,涉及javascript動(dòng)態(tài)設(shè)置頁面元素樣式的相關(guān)技巧,需要的朋友可以參考下

本文實(shí)例講述了javascript實(shí)現(xiàn)點(diǎn)擊提交按鈕后顯示loading的方法。分享給大家供大家參考。具體如下：

這里可以實(shí)現(xiàn)點(diǎn)擊提交按鈕后顯示loading，防止用戶重復(fù)提交

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> 

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。