<代码>工作中遇到,需要加loading.1,用jquery的负载方法读取页面,页面读取完成前显示loading.2,首页js等加载过慢,页面加载完成前显示加载。
(1).jquery .load()方法,加载完成前显示加载
& lt; !——main_loading的html——比;
& lt; div id=癿ain_loading”比;
& lt; div id=發oading_gif”比;
& lt; div class=" sk-spinner sk-spinner-cube-grid”比;
& lt; div类=" sk-cube "祝辞& lt;/div>
& lt; div类=" sk-cube "祝辞& lt;/div>
& lt; div类=" sk-cube "祝辞& lt;/div>
& lt; div类=" sk-cube "祝辞& lt;/div>
& lt; div类=" sk-cube "祝辞& lt;/div>
& lt; div类=" sk-cube "祝辞& lt;/div>
& lt; div类=" sk-cube "祝辞& lt;/div>
& lt; div类=" sk-cube "祝辞& lt;/div>
& lt; div类=" sk-cube "祝辞& lt;/div>
& lt;/div>
& lt;/div>
& lt;/div>
& lt; !——js点击后显示div,加载完成隐藏——比;
$ (" # menu1 ") .click(函数(){
$ (' # main_loading '),告诉();
$(' #主页').load (“page_a。html的功能(){
$ (' # main_loading ') hide ();
});
}）
2、首页页面加载完成前显示加载
& lt; !——main_loading默认显示——比;//首页加载时加载
文档。onreadystatechange=completeLoading;//加载状态为完整的时移除加载效果
函数completeLoading () {
如果文档。readyState==巴瓿伞?{
. getelementbyid (“main_loading”) .style.display=懊挥小?
}
其他{
. getelementbyid (“main_loading”) .style.display=翱椤?
}
}
