javascript实现点击提交按钮后显示loadin

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

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

<style>

#loading {

position:absolute;

width:500px;

height:50px;

top:50%;

left:50%;

margin: -25px -150px;

background-color:#FFFFFF;

border:1px solid #CCCCCC;

text-align:center;

padding:20px;

}

</style>

<div id="loading" style="display:none">

<img src="image/ajax.gif" /> Loading...

</div>

<a href="#" onclick="document.getElementById('loading').style.display='';">test</a>

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