HTML5中,有没有先只显示一个GIF等待动画,直到网页加载完成,GIF消失,主页才显示

LuckyJan 2017-08-01 10:09:35
HTML5中,输入网址地址后,先只显示一个GIF等待动画,
网页内容加载完成后,GIF消失,此网页内容才显示
...全文
1009 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
CaRrot_Love 2017-08-01
  • 打赏
  • 举报
回复
默认gif图显示用一张白色背景图遮挡或者gif图自带白底 onload事件中使gif图隐藏白色背景隐藏
by_封爱 2017-08-01
  • 打赏
  • 举报
回复
这跟html5有什么关系.. 网页加载完成 这里都是 动态加载的. 所以网页只有一个ready show一个img 然后在ajax 的success里面把他hide掉就行了
zuoming120 2017-08-01
  • 打赏
  • 举报
回复
采用jquery 就是js库
 $.ajax({
               type: "post",
               url: url,
               data: param,
               dataType: "JSON",
               beforeSend: function () {
                   var win = $.messager.progress({
                       title:'提示',
                       msg:'正在加载数据...'
                   });
                   setTimeout(function(){
                       $.messager.progress('close');
                   },2000)
               },
               complete: function (XHR, TS) {
                   $.messager.progress('close');
                   if (objparam==1) {
                       alert(JSON.parse(XHR.responseText).total);
                   }
               },
               success: function (data) {
                       alert(data);
               }
           });
我上面代码的提示,这里你可以加载一张图片

62,046

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧