博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ajax等待请求
阅读量:4982 次
发布时间:2019-06-12

本文共 659 字,大约阅读时间需要 2 分钟。

1.html

正在加载数据,请稍候...

2.CSS

#loading {
width:225px;height:45px;border:3px solid #C3DAF9;position:absolute;margin-top:45%;margin-left:45%;z-index:10000; background-color:#F7F9FC;line-height:25px;vertical-align:middle;font-size:11pt;display:none;}

3.实现ajax里的beforeSend和complete方法

...     $.ajax({
     ...      beforeSend: function () { ShowDiv(); }, complete: function () { HiddenDiv(); },     ... }) ...//显示加载数据function ShowDiv() { $("#loading").show();}//隐藏加载数据function HiddenDiv() { $("#loading").hide();}

实现效果:

(⊙o⊙)…这个微调css就好了

 

转载于:https://www.cnblogs.com/rdscfh/p/7648901.html

你可能感兴趣的文章
SmartPhone手机网站的制作
查看>>
自适应全屏与居中算法
查看>>
构建之法阅读笔记(一)
查看>>
帮助你设计的50个自由和新鲜的图标集
查看>>
Glusterfs[转]
查看>>
javascript缩写
查看>>
GA来源分析
查看>>
常用统计指标
查看>>
iOS设置圆角矩形和阴影效果
查看>>
在博客园的第一篇文章,先简单自述一下吧
查看>>
深入了解 Dojo 的服务器推送技术
查看>>
hdu 4284 状态压缩
查看>>
逆向分析技术
查看>>
Latex
查看>>
SpringMVC处理JSON
查看>>
几何建模
查看>>
java crm 系统 进销存 springmvc SSM项目项目源码
查看>>
jQuery.extend 函数详解
查看>>
<jQuery> 一. jQuery简介及优点
查看>>
架构相关概念——学习笔记
查看>>