技术笔记

一名已转行的程序员
当前位置:网站首页 / 插件分享 / 正文

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

2017-02-23 / 插件分享 / 727 次围观 / 2 次吐槽

用JS实现点击提交按钮后显示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='';">点击查询</a>


希望本文所述对大家有所帮助。

推荐您阅读更多有关于“”的文章

本站所有文章如无特别注明均为原创。作者:程序员小邓 ,复制或转载请以超链接形式注明转自 技术笔记
原文地址《javascript实现点击提交按钮后显示loading的方法

已有2位网友发表了看法:

发表评论

必填

选填

选填

必填

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

Powered By Z-BlogPHP

Copyright 技术笔记 Rights Reserved.