使用该圆形进度条插件需要引入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");
};
这个方法是你再加载完包括图片等资源以后才会调用,具体用哪一个看你页面的需求了。
二楼的方法不是常规的解决办法,个人感觉不是很好(不过他实现的加载进度是真实的,他的进度条是可以反映当前未加载页面的剩余内容的---其实这种方法也挺好....不过一般情况下没什么必要吧,如果要做成这样的,用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的话蜘蛛也会看不到吗?
以上回答你满意么?
售后响应及时
7×24小时客服热线数据备份
更安全、更高效、更稳定价格公道精准
项目经理精准报价不弄虚作假合作无风险
重合同讲信誉,无效全额退款