demo01:
加载首页的时候，可能会很缓慢，放一张等待图片。
New Document
.loadpagediv{
width:160px;
height:56px;
position: absolute;
top:50%;
margin-left:-80px;
margin-top:-28px;
left:50%;
background: url(https://m.baidu.com/static/search/ico_loading.gif) no-repeat;
z-index:9999;
}
var id = setTimeout('loadPage()',100);
function loadPage() {
// 取得文档载入状态，如果载入完成，则readystate='complete'
// 根据这个可以定时去获取文档载入状态，来实现页面载入等待效果
var readystate = document.readyState.toLowerCase();
if (readystate == 'complete')
{
clearTimeout(id);
document.getElementById('loadpagediv').style.display = "none";
}
else {
document.getElementById('loadpagediv').style.display = "block";
id = setTimeout('loadPage()',100);
}
}代码
已经进入页面，ajax获取数据时候，可能也要等待，这个时候也可以放一张GIF图片。当ajax获取数据成功时，在js中控制显示隐藏即可
手机站全局的html+css加载等待效果
本文只提供思路,CSS神马的自己定制吧,JS是可以优化的,比如,输出图片的JS也可以放到showdiv()里面,我没有做优化,只是实现,别笑话我,我比较懒... 基本思路:由于Html的解析是从上到下 ...
jquery Mobile点击显示加载等待效果
点击某个按钮或链接时,触发等待加载效果:
C#.Net网页加载等待效果漂亮并且简单
最近网页加载数据比较多,点击后给用户就是白板很不友好,想了很久找了些资料,在网页加载中显示等待画面给客户,页面加载完成自动隐藏等待效果. 在网页后台cs代码: protected void Pa ...
利用PreLoader实现一个平视显示(HUD)效果(可以运用到加载等待效果)，并进行简单的讲解
什么是PreLoader? PreLoader是由Volodymyr Kurbatov设计的一个很有意思的HUD(平视显示效果(Head Up Display)),通过运动污点和固定污点之间的粘黏动画 ...
JS 判断滚动底部并加载更多效果。。。。。。。。。
JS 判断滚动底部并加载更多效果.........
JS实现点击加载更多效果
适用场景:后端直接把所有的文章都给你调出来了,但是领导又让做点击加载更多效果...(宝宝心里苦啊) 点击加载更多效果: 第一个和第二个参数分别是btn和ul的DOM(必填) ...
jQuery8种不同的瀑布流懒加载loading效果
优化图片加载插件jQuery8种不同的瀑布流懒加载loading效果 在线预览 下载地址 实例代码
