二楼的方法不是常规的解决办法,个人感觉不是很好(不过他实现的加载进度是真实的,他的进度条是可以反映当前未加载页面的剩余内容的---其实这种方法也挺好....不过一般情况下没什么必要吧,如果要做成这样的,用flex更好)。
创新互联建站于2013年创立,是专业互联网技术服务公司,拥有项目成都网站设计、成都网站制作网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元福鼎做网站,已为上家服务,为福鼎各地企业和个人服务,联系电话:18982081108
一楼的方法不是正确的。如果简单地放一个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的话蜘蛛也会看不到吗?
以上回答你满意么?
使用该圆形进度条插件需要引入jQuery和jquery.classycolor.min.js和jquery.classycolor.min.css文件。
link rel="stylesheet" type="text/css" href="css/jquery.classycolor.min.css" /
script src='js/jquery.min.js'/script
script src='js/jquery.classycolor.min.js'/script
我不知道你用的是哪种插件,首先建议你去查下相应的API,一般来讲这种插件应该会提供一个对应的方法,来让你使用,如果你找不到,那就看你想要一个什么样的效果了
如果那个页面只是一个过度的页面,我觉得你完全可以在你jquery初始化的最后直接执行页面跳转,反正只是个过度页面,无所谓是不是真的加载完成,只要个人一个你走了过度页面,并且加载速度很快,我觉得这样就OK。
如果你的不是过度页面,还有一系列图片和乱七八糟的东西,那建议你用
window.onload = function() {
alert("1");
};
这个方法是你再加载完包括图片等资源以后才会调用,具体用哪一个看你页面的需求了。