资源预加载,同时提供进度更新,支持(图片,

bwLoader

资源预加载,同时提供进度更新,支持(图片,MP3),文件大小不足1KB,真正小巧好用的资源加载插件。

使用帮助

1、引入bwLoader.min.js文件

2、页面加入以下代码

var loader = new bwLoader(); //添加音乐素材 loader.addResources('source/music/music.mp3', 'music'); loader.addResources('source/music/welcome.mp3', 'music'); //添加图片素材 for(var i = 1; i <= 8; i++){ loader.addResources('source/images/' + i + '.jpg'); } //侦听加载进度 loader.addProgressListener(function (e){ var num = Math.floor(e.completedCount / e.totalCount * 100); document.getElementById('loading').innerHTML = num; }); //侦听是否加载完成 loader.addCompletionListener(function (e){ document.getElementById('loading').innerHTML = '加载完成:共'+e.completedCount +' | '+ e.totalCount + '文件'; }); //开始 loader.start();

3、添加Loading标签

<div id="loading">0</div>

本插件仅用于学习交流,也可用于商业项目,插件不错完善中....呵呵

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。