本文目录
- html 页面卡死 怎么加loading
- 怎样用ppt做出loading的效果
- 如何实现在页面上所有内容加载完之前一直显示loading.页面
- 怎么让页面loading效果显示
- 如何在网页加载的过程中使用loading动画
- 网页中单独表格!LOADING的效果怎么做
- 怎样实现真正的网页加载Loading
- 用JQuery实现页面Loading的效果，即：当页面加载完成前显示Loading的进度条，全部加载完成之后进度条消失
html 页面卡死 怎么加loading
页面卡死，还是在页面内容或者代码上去解决。即使加了loading，页面卡死后，loading代码本身也会出现假死的。
除了加loading外，最重要的还是解决假死的问题。
参考以下loading代码：
《style》.loading{ width: 80px; height: 40px; margin: 0 auto; margin-top:100px; } .loading span{ display: inline-block; width: 8px; height: 100%; border-radius: 4px; background: lightgreen; -webkit-animation: load 1s ease infinite; } @-webkit-keyframes load{ 0%,100%{ height: 40px; background: lightgreen; } 50%{ height: 70px; margin: -15px 0; background: lightblue; } } .loading span:nth-child(2){ -webkit-animation-delay:0.2s; } .loading span:nth-child(3){ -webkit-animation-delay:0.4s; } .loading span:nth-child(4){ -webkit-animation-delay:0.6s; } .loading span:nth-child(5){ -webkit-animation-delay:0.8s; }《/style》《div class=“loading“》 《span》《/span》 《span》《/span》 《span》《/span》 《span》《/span》 《span》《/span》《/div》怎样用ppt做出loading的效果
画出矩形：打开ppt，删掉文本框。点击左下角工具栏中的“自选图形”-“基本形状“-”矩形“（如图1），在ppt中画出细长的矩形。设置矩形的格式：右击鼠标，选择”自选图形格式“（图2），将矩形的填充色设成白色，线条设成深灰色（图3）。设置矩形的动画效果在右侧自定义动画栏的“添加效果”中，选择“进入”-“出现”，开始的时间设成“之后”，延迟0.5秒出现。插入loading标志。点击“插入”—“文本框”—“水平”，在ppt中画出文本框，并输入文字“loading”，为了更逼真，loading后面加上省略号。设置loading的动画效果。具体操作如下：选中文本框，在右侧“自定义动画”栏，点击“添加效果”—“进入”，选择“闪烁一次”（如果没有直接看到选项，在其他效果中寻找），在“计时”中将开始的时间设置成“之后”，速度定为“0.06秒”。注意：loading的动画有两次，还要再设置一次loading的动画。重复上面的步骤，动作选择“闪烁”，将速度稍稍加快一些，比如可以定为“0.09秒”，动作重复5次。画出矩形：点击“自选图形”-“基本形状“-”矩形“（重复步骤一的第一步），在ppt中画出矩形4段（也可以5段）。右击鼠标，选择”自选图形格式“，将矩形的填充色和线条都设成深灰色。设置四个矩形的动画效果。选中四个矩形，在右侧“添加效果”中，选择“进入”-“擦除”，开始的时间为“之后”，方向为“自左侧”，速度从上到下依次为慢速、非常慢、快速、非常快。调整4段矩形的位置。将4段矩形，放置在长条矩形之上，调整矩形的长短宽窄，使之刚好覆盖原有的长条矩形。（注意：这一步考验细心和耐心。）ps：注意：loading的动画有两次。设置4段矩形的动画时，一定要全部选中4段矩形，统一设置，它们只是速度不同。最好采用空白模板，效果才更逼真。
如何实现在页面上所有内容加载完之前一直显示loading.页面
$.loading = function (bool, text) {var $loadingpage = top.$(“#loadingPage“);var $loadingtext = $loadingpage.find(’.loading-content’);if (bool) {$loadingpage.show();} else {if ($loadingtext.attr(’istableloading’) == undefined) {$loadingpage.hide();}}if (!!text) {$loadingtext.html(text);} else {$loadingtext.html(“数据加载中，请稍后…“);}$loadingtext.css(“left“, (top.$(’body’).width() - $loadingtext.width()) / 2 - 50);$loadingtext.css(“top“, (top.$(’body’).height() - $loadingtext.height()) / 2);}
怎么让页面loading效果显示
使用setTimeout延迟执行代码，假设这是你要测试的执行函数 todo()$(’.loading’).show();setTimeout(todo(),5000)function todo() { $(’.loading’).hide(); //to do something...}
如何在网页加载的过程中使用loading动画
打开软件，新建300*300的画布，分辨率为72，画布颜色选择为白色2在左侧矢量工具中，提供许多造型，选择“面圈形”3在画布中画一个200*200的造型，大小可在下方的属性面板里调整4鼠标点击造型，点击其中的黄点可以进行调节造型，如图所示END渐变效果1在下方的属性栏中选择添加渐变效果，这里使用“线性”渐变，左侧颜色填充为白色2可以进行适当的调整，可以适当的调整渐变中的透明度，如图所示3再绘制一个小圆，当做面圈头，如图所示，为的是转动起来有效果END动画效果1在菜单栏中选择“修改”--》“动画”--》“选择动画“2在“选择动画”中进行设置，点击“确定”，这里选择建立20个状态，这个动画效果就做好了END保存GIF1点击“文件”菜单中的“图像预览”2在格式里选择GIF动画，点击导出，loading动画就做好了
网页中单独表格!LOADING的效果怎么做
用iframe吧《iframe name=zws width=455 height=280 frameborder=0 scrolling=auto src=rq1.php》《/iframe》src=rq1.php是新的页面把loading放在新的页面吧,呵呵,这样就可以达到你要的效果了!(width 和 height要和你现有的表格相对应哦!)
怎样实现真正的网页加载Loading
Javascript代码：function loadBar(fl)//fl is show/hide flag{ var x,y; if (self.innerHeight) {// all except Explorer x = self.innerWidth; y = self.innerHeight; } else if (document.documentElement && document.documentElement.clientHeight) {// Explorer 6 Strict Mode x = document.documentElement.clientWidth; y = document.documentElement.clientHeight; } else if (document.body) {// other Explorers x = document.body.clientWidth; y = document.body.clientHeight; } var el=document.getElementById(’loader’); if(null!=el) { var top = (y/2) - 50; var left = (x/2) - 200; if( left《=0 ) left = 10; el.style.visibility = (fl==1)?’visible’:’hidden’; el.style.display = (fl==1)?’block’:’none’; el.style.left = left + “px“ el.style.top = top + “px“; el.style.zIndex = 2; }}用法：1、在body里面加载 onload=loadBar(0)2、定义loading 的内容，并把ID命名为loader，最好把loading 的整个内容设置为一定的透明度，这样才像loading嘛3、如下：《body bgcolor=“edebe4“ leftmargin=“0“ topmargin=“0“ marginwidth=“0“ marginheight=“0“ onload=loadBar(0)》《DIV id=loader》《TABLE class=loader style=“FILTER: Alpha(opacity=75)“ cellSpacing=1 cellPadding=5 bgColor=#bbbbb border=0》 《TBODY》 《TR》 《TD align=left bgColor=#ffffff》 《P》《IMG style=“MARGIN: 3px“ height=32 alt=数据载入中... src=“load/wait.gif“ width=32 align=left》《STRONG》《font style=“font-size:9pt“》页面数据载入中，请稍后...《/font》《/STRONG》《BR》《SPAN》《font style=“font-size:9pt“》Please wait until this screen is completely loaded...！《/font》《/SPAN》《/P》《/TD》《/TR》《/TBODY》《/TABLE》《/DIV》《SCRIPT language=JavaScript type=text/javascript》loadBar(1);《/SCRIPT》
用JQuery实现页面Loading的效果，即：当页面加载完成前显示Loading的进度条，全部加载完成之后进度条消失
二楼的方法不是常规的解决办法，个人感觉不是很好(不过他实现的加载进度是真实的，他的进度条是可以反映当前未加载页面的剩余内容的---其实这种方法也挺好....不过一般情况下没什么必要吧，如果要做成这样的，用flex更好)。一楼的方法不是正确的。如果简单地放一个loading图片在页面上的话，会有两种情况：一、有可能实现加载的效果 。 二、在整个页面其它元素加载了大部分或全部后，这张图片才加载进来，那就实现不了加载的效果了。常规的解决办法还是用ajax比较好。大概是这样的。需要两个页面。1.一个是实际页面本身 2.另一个是一个空白页面放一张loading图片先请求第2个页面，在这个页面中放一段ajax请求第1个页面，在success函数里将页面内容输出，并将loading图片隐藏掉。代码是这样的：loading page:《body》 《img id=’loadingImg’ src=’loading.gif’ /》《body》《script》 $.ajax({ type: ’GET’, url: 实际页面路径, data: {}, success: function(){ $(’body’).append(data); $(’#loadingImg’).hide();//或直接remove() }, dataType: ’html’ });《/script》 ==========================================================呵呵，一个加载的问题要考虑搜索的话原来就这么麻烦了。 《div id=“forspider“》.....给搜索蜘蛛看的纯HTML....《/div》这里面的内容是整个实际页面的HTML吗？是的话，那这个loading页面本身加载就很笨重了，还不如直接跳到真实页面呢。 哎，可惜我不太懂搜索，悲剧。请指教----为什么要用绝对定位覆盖的方法来隐藏。直接把这一层display:none的话蜘蛛也会看不到吗？
