写一个网页进度loading(一)
来源:互联网 发布:ubuntu root权限命令 编辑:程序博客网 时间:2024/05/17 13:42
图片预加载
主要是列出项目中要加载的主要图片,并写在预加载函数中。
var picPrefix = "images/";//图片所在的文件夹var preloadPics = ["img1.png", "img2.png", "img3.png"];//需要加载的图片$(function(){ loadingImg(preloadPics, callback);//运行图片预加载函数});//图片预加载函数function loadingImg(pic, callback){ var len = pic.length; var index = 0; var img = new Image(); var loading = function(){ img.src = picPrefix + pic[index]; img.onload = function(){ var pro = Math.floor(((index+1)/len)*100)+'%'; $(".procedure").text(pro);//显示加载进度 $(".loadProColor").css({width:pro});//显示进度条 index++; if(index < len){ loading(); }else{ $(".procedure").text(100 + '%'); callback(); } } }; loading();}//结束加载执行函数function endLoading(){ setTimeOut(function(){ $(".loadPage").fadeOut();//隐藏加载页 $(".indexPage").fadeIn();//显示正文页 },500);}
阅读全文
0 0
- 写一个网页进度loading(一)
- (转)写一个网页进度loading
- 写一个网页进度loading
- WebKit网页加载进度算法研究(一)
- WebKit网页加载进度算法研究(一)
- 用css3写的loading效果一个
- 从零开始写一个网页
- python 爬虫(二)一个带下载进度的网页抓取小爬虫
- html网页写一个时钟
- 网页绘图 写一个字
- python 写一个pyH网页
- 也为你的网页加一个Loading
- MSN 研究进度 (一)
- CSS3 animation--写一个简单的loading动画
- 自己写一个MVC框架(一)
- 自己仿写一个ucosii (一)
- 自己写一个httpclient(一)
- 怎么写一个侧边栏(一)
- Android RxJava操作符详解系列: 创建操作符
- deepLink技术打开app内的某个页面
- CSS3 浏览器兼容
- 杭电1013 Digital Roots
- java oss操作
- 写一个网页进度loading(一)
- 创建和解析Json数据小Demo
- spring ioc 总结
- 微信企业号开发:企业支付成功后关闭交易页面问题
- JS闭包详解
- angular-ui-router
- 天才数学家高斯的小故事——不到3岁就有过人才华
- weblogic安装使用小记
- [Java]读取文件方法大全