php - 以顶层为中心的 gif 加载器

Question

我有一个 php 表单。提交此表单后，如果所有数据都有效，则执行 python 脚本，需要 5-10 秒。在此等待期间，我希望在屏幕中间显示一个进度条 (.gif)。如果我也可以“淡出”背景，使进度条像顶层，而背景像后层，那就太好了。

谢谢。

Answer 1

您是否在使用任何 javascript 库，例如 jQuery？在任何库中，我想都会有十几个左右的灯箱插件浮动。即使你不想使用库，你也可以看看他们的代码，而不是显示一个 DIV，只显示你的 gif，如果你知道我的意思的话。

甚至还有一些专门为此目的而构建的插件，例如 jQuery 的BlockUI插件。

---

做你想做的事情的基本算法是这样的：

1. 启动 Ajax 请求
2. 在整个页面上显示半透明的深色图像，中间带有动画 gif。
3. 监听 Ajax 响应
4. 删除覆盖和加载器 gif。

我假设您已经完成了第 1 步和第 3 步。第 4 步很简单。然而，第 2 步并不容易，但也不应该太难。我不能告诉你我自己做的代码，因为我过去只使用过灯箱插件。看看谷歌的“简单灯箱”或类似的东西，因为你真正想要的只是最基本的功能。这篇博客文章讨论了一个纯 CSS 的灯箱，这将是一个很好的起点，可以帮助您设置叠加层样式。