加载数据之前的加载等待中效果

本文展示了两种网页加载数据时的等待效果实现,包括加载中文字提示和动态图片展示。通过JavaScript和jQuery,动态修改元素样式以显示加载状态,并在数据加载完成后隐藏加载提示。示例代码详细展示了如何在查询前后控制加载等待效果。
摘要由CSDN通过智能技术生成

eg1.

效果图:


jsp:

<div id="reportDiv" style="width: 98%; margin: 10px auto;"><div></div></div>
<div id="wait" style="width: 98%; margin: 10px auto;display:true;padding-top:45px;" align="center"><span style="color:black;font-weight:bold;">加载中,请稍后...</span><br/><img src="../../style/image/Loading.gif" style="width:100px;hight:20px;"/></div>

js:

/**
 * 查询报表
 * @return {Boolean}
 */
function query(){
var tm = $("#date").val();
var stcd = $("#stationId").val();
var stnm = $("#stationId").find("option:selected").text();
var itemId = $("#stationType").val();
var data = {

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值