jquery实现页面提示,数据正在加载中。(
2013-08-05 17:08
423 查看
简单代码:
jsp中代码如下:
<div id="dataLoad" style="display:none"><!--页面载入显示-->
<table width=100% height=100% border=0 align=center valign=middle>
<tr height=50%><td align=center> </td></tr>
<tr><td align=center><img src="<%=request.getContextPath()%>/XXXXX/loading-gif.gif"/></td></tr>
<tr><td align=center>数据载入中,请稍后......</td></tr>
<tr height=50%><td align=center> </td></tr>
</table>
</div>
<script type="text/javascript">
$(document).ready(function() {
$("#dataLoad").hide(); //页面加载完毕后即将DIV隐藏
$("#showLoadingDiv").click(function(){$("#dataLoad").show();}); //为指定按钮添加数据加载动态显示:即将DIV显示出来
});
</script>
<input type="button" onClick="query();" id="showLoadingDiv" value="查询">
上传一个截图:
jsp中代码如下:
<div id="dataLoad" style="display:none"><!--页面载入显示-->
<table width=100% height=100% border=0 align=center valign=middle>
<tr height=50%><td align=center> </td></tr>
<tr><td align=center><img src="<%=request.getContextPath()%>/XXXXX/loading-gif.gif"/></td></tr>
<tr><td align=center>数据载入中,请稍后......</td></tr>
<tr height=50%><td align=center> </td></tr>
</table>
</div>
<script type="text/javascript">
$(document).ready(function() {
$("#dataLoad").hide(); //页面加载完毕后即将DIV隐藏
$("#showLoadingDiv").click(function(){$("#dataLoad").show();}); //为指定按钮添加数据加载动态显示:即将DIV显示出来
});
</script>
<input type="button" onClick="query();" id="showLoadingDiv" value="查询">
上传一个截图:
相关文章推荐
- jquery实现页面提示,数据正在加载中
- 基于jquery实现页面滚动到底自动加载数据的功能
- struts+spring+hibernate用jquery实现数据分页异步加载,页面不刷新
- 基于jquery的finkyUI插件与Ajax实现页面数据加载功能
- 使用jquery实现页面正在加载的效果
- 使用jQuery或者原生js实现鼠标滚动加载页面新数据
- JSP如何做"正在加载数据,请稍等..."这样的提示页面 loding。。。
- jquery 实现滚动条至页面底端自动加载数据效果
- 使用jQuery或者原生js实现鼠标滚动加载页面新数据
- android 登陆、提交数据或加载数据时提示页面
- 转:JQuery实现下拉框的数据加载和联动
- 使用jquery实现页面滚动到底部自动加载新的信息
- Java Web SpringMVC AJAX,实现页面懒加载数据
- Jquery 在页面加载后执行的几种实现
- js实现的页面加载完毕之前loading提示效果完整示例【附demo源码下载】
- JQuery页面随滚动条动态加载效果实现
- 使用JQuery 加载页面时调用JS的实现方法
- 使用jquery.more.js来实现点击底部更多后, 底部加载出新的数据
- 跳转页面的加载数据提示