一楼的方法不是正确的。如果简单地放一个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的话蜘蛛也会看不到吗？
常规的解决办法还是用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>
电脑黑屏解决方法：
1、检查显示器与电脑的连接线是否安装紧密；
2、取下电脑内存条，用橡皮擦拭金手指后放回（接触不良会造成电脑开机黑屏）；
3、更换内存、显卡、显示器、连接线诊断故障所在。
4、系统文件损坏，重装系统。
这是一种解决方法~
1、制作启动盘。（W7系统4G U盘，XP系统2G U盘）下载大番薯u盘启动制作工具，安装软件，启动，按提示制作好启动盘
2、下载一个你要安装的系统，压缩型系统文件解压（ISO型系统文件直接转到U盘）到你制作好的U盘，启动盘就做好了
3、用U盘安装系统。插入U盘开机，按DEL或其它键进入BIOS，设置从USB启动-F10-Y-回车。按提示安装系统
4、安装完成后，拔出U盘，电脑自动重启，点击：从本地硬盘启动电脑，继续安装
5、安装完成后，重启。开机-进入BIOS-设置电脑从硬盘启动-F10-Y-回车。
/* HTML */
<div id="progressbar"></div>
/* CSS */
#progressbar {
background:#82b3f4 url(../images/bar.png) repeat-x left top;
height:25px;
width:1px;
border:1px solid #6d98ca;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
color:white;
overflow:hidden;
text-indent:10px;
line-height:25px;
font-size:12px;
}
/* js / jquery*/
function progress(t0,t1){
if(t0<=t1){
var barwidth=Math.round(t0/t1*100)+"%";
$('#progressbar').css("width",barwidth).html(barwidth);
if(t0==t1){$('#progressbar').delay(1000).fadeOut();}
}
}
//以下是测试函数, 执行 test(0) 就可以看到效果
function test(i){
i++;
if(i<=100){
progress(i,100);
var str="test("+i+")";
var t=setTimeout(str,500);
}
}
说明: 加载的过程中调用progress(), t0是当前进度, t1是总进度. 如果是页面加载的话用有onload事件的HTML标签如<img>, <iframe>, <body>等等来调用progress()
如果你用CSS3结合IE的CSS滤镜来做连图片都可以免了
=============================
感谢楼下说出了我忘记说的重点. 没错, 关键在于AJAX. 我是在做后台生成页面的部分连续用到几个ajax, 然后用这个方法表示网页生成进度的.
但前台网页还是用这个方法的话就会有问题. 相当严重的问题. 搜索蜘蛛是看不到你用ajax加载的内容的
当然, 也有不需要被搜索引擎收录的情况.....
如果是前台的话,我想这样写可以解决
<body>
<div id="forspider">.....给搜索蜘蛛看的纯HTML....</div>
<div id="loadingbox"><div id="progressbar"></div></div> //加载进度条, 用绝对定位把这一层盖满全屏, 让人看不到下面的东西
<div id="main"></div> //真正给人看的内容, 通过ajax加载到这个层里. 加载完成后remove掉 <div id="forspider">和<div id="loadingbox">
</body>
就看楼主能不能理解了.....
1.把Loading进度条的GIF图片放到div内，并设置好位置及内容等等的CSS样式。（不要隐藏哦，页面在加载时就会显示）
2.在JQuery的$函数中放这代码就行了， $(".Loading").hide();//隐藏class="Loading"的对象，如下：
<div class="Loading"></div>
你可用GIF图片作为div的背景，也可把GIF图片直接放在<div class="Loading">图片</div>中。
用JQuery实现页面Loading的效果,即:当页面加载完成前显示Loading的进度条...
需要两个页面。1.一个是实际页面本身 2.另一个是一个空白页面放一张loading图片 先请求第2个页面，在这个页面中放一段ajax请求第1个页面，在success函数里将页面内容输出，并将loading图片隐藏掉。代码是这样的：loading page: .ajax({ type: 'GET',url: 实际页面路径,data: {},success:...
用JQuery实现页面Loading的效果,全部加载完成之后进度条消失,怎么...
1.一个是实际页面本身 2.另一个是一个空白页面放一张loading图片 先请求第2个页面，在这个页面中放一段ajax请求第1个页面，在success函数里将页面内容输出，并将loading图片隐藏掉。代码是这样的：loading page: <body<script $.ajax({ type: 'GET', url: 实际页面路径, data: {} succe...
jquery 页面跳转动画效果
该页面切换特效的HTML结构使用一个元素来作为页面的包裹元素，div.cd-cover-layer用于制作页面切换时的遮罩层，div.cd-loading-bar是进行ajax加载时的loading进度条。Page Transition<!-- your content here --> <!-- this is the cover layer --> <!-- this is the loading bar --> CSS样式 ...
Loading特效,网页加载中Jquery如何使用
如果你是用Ajax的话，可以使用这两个函数，一个是ajaxSend()这是加载时会执行这个函数，另一人是ajaxComplete（），这个是在加载执行完时会执行
jquery+php 输入框自动完成的问题。界面一直显示加载进度条,没有弹出下...
你看一下suggestions.php返回的json格式对不对，如果json格式错误或不是json的话不会执行到callback -> showSuggestions
PHP Jquery js 中任何一种语言都可以 ! 谁能给我实现加载请等待的真正效...
如果不计算异步加载的话 你可以最上面放个等待的提示信息 最下面在放个JS 来提示加载成功 因为加载HTML也是从上至下这么加载的 如果你要计算图片什么的话 那就要计算出来一共有多少个图片 然后用AJAX来加载 如果成功一个就返回一个 这样除了整体部分 图片或者其他异步加载的可以显示进度条 用已加载的\/...
...进度条的过度效果,不知道如何用JS或jQuery实现?
已按你的要求修改,现在不是进度条,而是跑表!!! var i = 0;function doit(){ i = i + 1;var o = document.getElementById('s1');o.innerHTML = i.toString();if(i<100) setTimeout('doit()',10);} doit();
发布web版本的 unity文件能不能修改loading界面
加载时徽标图像位于网络播放器内容显示区域的中央。· progressbarimage：加载时用作进度条的自定义图像路径。进度条图像的宽度根据完成的文件加载量进行裁剪，采用动画效果，从零像素宽开始直至加载完成时到达原始宽度。进度条位于徽标图像下方。· progressframeimage: 加载时将进度条框起来的自定义图像路径。...
web前端框架是什么意思(web前端框架是干嘛的)
JavaScript——包括一系列jQuery的插件,这些插件可以实现组件的动态页面效果。插件主要包括模态窗口(modals),提示效果(tooltips),“泡芙”效果(popovers),滚动监控(scrollspy),旋转木马(carousel),输入提示(typeahead),等等。 Bootstrap已经足够强大,能够实现各种形式的Web界面。为了更加方便地利用Bootstrap进行开发,很多工具和...
微信小程序圆形波浪循环效果
具体实现过程如下：首先，我们需要创建一个SVG圆形路径，并设置其填充颜色为透明。然后，在CSS中，我们定义一个动画效果，利用关键帧来控制圆形路径的填充颜色从透明到不透明，再从不透明到透明，从而形成波浪循环的效果。需要注意的是，为了实现圆形波浪循环效果，我们需要在CSS中使用animation-iteration-count...
