php – 使用图像加载预加载DIV

发布时间：2020-12-13 17:38:05 所属栏目：PHP教程来源：网络整理

导读：我有个问题.我正在使用CMS,它的名字是Dolphin.简而言之,我创建了一个包含繁重代码的块(jQuery,javascript,php,HTML,图像等等). 我想要做的是显示加载图像,直到该块的内容完全加载.因此,即使它看起来很奇怪,我也需要DIV的预加载功能.我需要这样做,因为如果我

我有个问题.我正在使用CMS,它的名字是Dolphin.简而言之,我创建了一个包含繁重代码的块(jQuery,javascript,php,HTML,图像等等).
我想要做的是显示加载图像,直到该块的内容完全加载.因此,即使它看起来很奇怪,我也需要DIV的预加载功能.我需要这样做,因为如果我不使用它,我可以看到div组成缓慢,这太可怕了.你知道一个好的jQuery或javascript函数可以帮助我吗？只是在DIV中心加载图像,直到其内容完全加载.一旦它加载然后它将显示..谢谢！

解决方法

诀窍是默认设置真正的div隐藏在它上方放置“请等待”div …在重编码的末尾添加一行隐藏“请等待”div并显示真实的div.

所需HTML的示例代码：

<div id="pnlPleaseWait">
   Loading please wait...
<div>
<div id="pnlMain" style="display: none;">
   ....heavy stuff going on here...
   ....heavy stuff going on here...
   ....heavy stuff going on here...
</div>

并且jQuery行在重处理结束时：

$("#pnlPleaseWait").hide();
$("#pnlMain").show();

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!