微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
最近更新
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > web前端 > js教程 > 正文

基于jquery的loading 加载提示效果实现代码_jquery

php中文网
发布： 2016-05-16 18:02:43
原创
1653人浏览过

loading 加载提示 ······ 透明遮罩 居中

loading 加载提示······   progressBar_m

Tellers AI
Tellers AI

Tellers是一款自动视频编辑工具，可以将文本、文章或故事转换为视频。

Tellers AI 78
查看详情 Tellers AI
复制代码 代码如下:

body{
margin: 0;
font-size: 12px;
line-height: 100%;
font-family: Arial, sans-serif;
}
.background {
display: block;
width: 100%;
height: 100%;
opacity: 0.4;
filter: alpha(opacity=40);
background:while;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
}
.progressBar {
border: solid 2px #86A5AD;
background: white url(progressBar_m.gif) no-repeat 10px 10px;
}
.progressBar {
display: block;
width: 148px;
height: 28px;
position: fixed;
top: 50%;
left: 50%;
margin-left: -74px;
margin-top: -14px;
padding: 10px 10px 10px 50px;
text-align: left;
line-height: 27px;
font-weight: bold;
position: absolute;
z-index: 2001;
}


var ajaxbg = $("#background,#progressBar");
ajaxbg.hide();
$(document).ajaxStart(function () {
ajaxbg.show();
}).ajaxStop(function () {
ajaxbg.hide();
});

作者：曾祥展

大家都在看：

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。

下载
来源：php中文网
收藏 点赞
上一篇：JQuery扩展插件Validate 2通过参数设置验证规则_jquery 下一篇：JQuery扩展插件Validate 1 基本使用方法并打包下载_jquery
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
解决React Native Expo iOS应用EAS构建后启动崩溃问题 本教程旨在解决使用EASBuild构建ReactNativeExpoiOS应用后，在启动时出现崩溃的问题。文章将深入探讨常见的四个原因：导航依赖缺失、环境变量配置不当、字体包未安装以及Expo依赖兼容性问题，并提供详细的解决方案和调试建议，帮助开发者顺利发布应用。
2025-11-21 13:23:00
111
JavaScript函数追踪_调用栈分析与可视化 调用栈是JavaScript中用于追踪函数执行顺序的LIFO结构，当函数被调用时入栈，执行完毕后出栈。通过错误发生时自动生成的调用栈信息，开发者可清晰看到从入口到错误点的完整调用链，如c←b←a的回溯路径。利用Error.stack属性可在任意位置主动获取当前调用路径，辅助调试深层嵌套或异步逻辑。浏览器DevTools提供可视化调用栈列表和性能时间轴，结合sourcemap可提升压缩代码的可读性。注意异步回调会中断调用链，箭头函数可能显示为匿名，递归过深易引发栈溢出，频繁创建Error对象影响性
2025-11-21 13:19:02
894
解决Mongoose中updateOne路由不更新数据库的问题 本文旨在解决MongooseupdateOne路由在数据库更新操作中遇到的常见问题，特别是与_id过滤条件和操作方式相关的语法错误。我们将深入探讨直接使用updateOne时可能出现的问题，并推荐使用findById结合save()方法的更健壮、更符合Mongoose最佳实践的更新策略，确保数据更新的正确性和可靠性。
2025-11-21 13:13:26
327
解决React Testing Library中异步UI更新的测试挑战 本文深入探讨了在ReactTestingLibrary中测试异步UI更新（如搜索过滤）时遇到的常见问题。通过分析组件的生命周期和状态管理机制，我们揭示了直接断言可能失败的原因。核心解决方案是利用waitFor工具函数，它能确保测试在UI完成异步状态更新并重新渲染后执行断言，从而实现对复杂交互的健壮测试。
2025-11-21 13:08:02
116
JavaScript网络状态_离线检测与同步策略 利用navigator.onLine和online/offline事件检测网络状态；2.通过心跳请求提升检测准确性；3.使用localStorage或IndexedDB缓存离线数据；4.网络恢复后自动同步并处理冲突，结合ServiceWorker增强可靠性。
2025-11-21 12:54:49
603
测试React组件异步状态更新与搜索过滤功能 本文旨在解决ReactTestingLibrary中测试带有异步数据获取和搜索过滤功能的组件时，UI无法正确更新的问题。核心内容是讲解如何利用waitFor工具函数来确保在断言之前，组件的异步状态更新和DOM渲染已完全完成，从而实现对动态UI的可靠测试。
2025-11-21 12:53:01
677
Mongoose文档更新指南：_id过滤与updateOne/save最佳实践 本文深入探讨了在Mongoose中更新文档时常见的_id过滤问题及其解决方案。文章首先纠正了updateOne方法中_id字段的错误用法，随后提供了两种主要更新策略：直接使用Model.updateOne进行原子更新，以及通过Model.findById检索文档后使用document.save()进行更新。重点推荐后者，因为它能更好地触发Mongoose的验证和中间件，并提供了详细的代码示例和最佳实践建议。
2025-11-21 12:48:23
177
Next.js 13 应用路由中 Stripe 数据获取的深度解析与实践 在Next.js13AppRouter环境下，传统的数据获取方法如getStaticProps已被废弃，导致在客户端组件中直接调用StripeAPI时常出现undefined错误。本文将深入探讨Next.js13的新数据获取范式，区分服务器组件与客户端组件的数据处理策略，并提供在服务器组件中安全获取Stripe数据的方法，以及在客户端组件中利用自定义缓存策略优化数据获取的实践方案，旨在帮助开发者规避常见陷阱，构建高效稳定的应用。
2025-11-21 12:39:32
785
Apache ECharts 标题样式：文本颜色与阴影效果的精确配置 本教程详细讲解如何在ApacheECharts中正确设置图表标题的文本颜色和阴影效果。核心在于利用textStyle属性控制标题文本颜色，并通过为标题区域设置backgroundColor来激活并显示阴影效果，确保标题样式按预期呈现，提升图表的可视化表现力。
2025-11-21 12:25:13
423
解决JavaScript动态修改图片src属性后图片不显示的问题 本教程旨在解决JavaScript动态修改标签src属性后图片无法显示的问题。核心原因通常是图片路径设置不正确。文章将详细阐述如何正确指定图片路径，并通过示例代码演示在HTML、CSS和JavaScript中协同工作，确保图片能够成功加载并显示。
2025-11-21 12:24:05
613
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部