如何实现请求完成前加载LOADING动画,请求完成后消失

如题所述

思路的问题。
一般我们只依靠onload或者document.ready事件来判断页面是否加载完毕,因为loading状态没有意义。因为页面完全加载之前,我们无法了解哪些东西已经加载了,如果这个时候调用js或者html元素可能产生错误。

页面加载之前是没有任何事件的。所谓加载之前的动画是形如以下的代码
<html>

<body onload="第一个div隐藏,第二个div显示">

<div>

<img src='loading.gif' style="width: 100%;" />

</div>

<div style="diaplay: none;">

<!--页面内容在这里加载-->

</div>

</body>

</html>
温馨提示:内容为网友见解,仅供参考
无其他回答

如何实现请求完成前加载LOADING动画,请求完成后消失
页面加载之前是没有任何事件的。所谓加载之前的动画是形如以下的代码 <!--页面内容在这里加载-->

PPT中LOADING浇注动画的实现方法
(1)红色无边框的LOADING,(2)白色框无填充的LOADING,(3)黑色(与背景色一致)曲边矩形遮罩。三者的层叠次序是1号在底层,3号中间,2号顶层。制作步骤:(一)将1号2号重叠放置(选中两者,利用对齐中的“上下居中”和“左右居中”),3号的曲边恰好遮住文字(矩形有一定倾角),如下图(为...

loading加载动画怎么做
首先,loading加载动画应该具备简单、易懂、明显、美观的特点,不应过于复杂,否则可能会导致用户困惑。其次,loading加载动画应当和网页或应用程序的主题相吻合,这样可以增加用户体验和信任度。最后,loading加载动画的时长应该适当,既不能太长,也不能太短。一般来说,3到5秒的时间是比较合适的。5. 常...

求助]如何在我的动画开头加入Loading的加载呢?
loading为动画的预加载。为了达到动画的流畅播放,我们要使动画在网络上全部加载完成以后在播放。这样就要使用as语句来设定。通过用加载帧loadFrame,和加载字节等语句来完成。具体步骤 Loading.英文原意为装载,装填。在flash里面叫做预载画面。我们在欣赏每一件完整的flash作品的时候,都会看到loading的出现。这...

js实现正在加载,请稍后的 效果怎么实现的
拿ajax举例 先做loading动画 然后当数据读取完成后 移除loading动画 写入数据到对应元素里

Photoshop制作loading加载等待GIF动画教程
1.新建文件,200x200PX。2.用那个工具画一个正圆,并新建一个图层。3.点画笔工具,然后再点上面,设置画笔的大小和硬度。4.切换到路径面板,点用画笔描边路径,就能得到一个圆,然后在工作路径下空白处点一下,这样路径就隐藏了,只显示黑色的圆圈。5.切换回图层面板,把填充数值设为0, 虽然圆圈看...

怎样给我的FLASH做一个预加载地LOADING?
要实现这种效果不难,这里就介绍一种简单的类似的实现方法。Loading的原理和刚才介绍的制作方法类似,用一、二帧做判断。不同的是,这里第四帧才是主动画,第三帧放按钮做个选择。制作方法如下:1. 新建一个Flash文件,新建一个MC,命名为“Loading”,添加动画背景。2. 这里Loading MC的制作有些不...

如何实现在页面上所有内容加载完之前一直显示loading,页面
将javascript放在中执行 aaa();\/\/直接调用,就在页面加载前执行了,但是此时不能访问任何一个document控件 function aaa(){ alert(1);}

ajax 如何实现loading效果?
js:beforeSend: function(XMLHttpRequest) { ("#uploadresult").html("请稍后...");},success: function(data) { if (data != null) { ("#uploadresult").html("图片上传成功。");}},网上找个loading.gif就可以了。

asp如何实现页面加载前显示“加载中,请稍后”字样
if (_frame.readyState=="interactive")\/\/state: loading ,interactive, complete { var loader = document.getElementById("load");loader.innerHTML = "";loader.style.display = "none";_frame.style.visibility = "visible";} } function stateChangeFirefox(_frame){ var loader = docu...

相似回答