[BOM]实现页面loading效果,在图片资源加载完之前显示loading
2024-10-20 09:26:29
使用到jquery。
判断整个页面是否加载完:
// 这是根据js判断,页面加载完毕就显示
window.onload = function () {
// console.log('load complete')
setTimeout(function () {
$('.container').css({ opacity: '1' })
$(".loading").hide()
}, 1000)
}
判断某个图片资源是否加载完
// 防止开屏露出色块
var timer = setInterval(function () {
var img = document.querySelector('.black img')
if (img.complete) {
clearInterval(timer);
$('.rotate').show()
}
}, 10);
最新文章
- C#面向对象设计模式纵横谈——1.面向对象设计模式与原则
- Ambari组件黄色预警
- 初识less
- 20141103--SQL主键,外键
- Node.js回调概念
- WPF学习之绘图和动画--DarrenF
- C++对象模型之lambda表达式
- UML图学习之三 状态图
- SQL Server 2008 通过C# CLR 使用正则表达式
- [WPF]如何使用代码创建DataTemplate(或者ControlTemplate)
- MySQL的主从分离基本配置
- dd-wrt 中继配置
- memcache和memcached的区别
- okhttp3使用详解
- Perl 学习笔记-正则表达式处理文本
- 如何去除vue项目中的 # — vue路由的History模式
- BZOJ4754 JSOI2016独特的树叶(哈希)
- HashMap源码-使用说明部分
- 《剑指offer》面试题1:为类CMyString添加赋值运算符函数——C++拷贝构造函数与赋值函数
- jq weui 滚动加载的坑