zoukankan html css js c++ java

图片预先加载 preloadjs

</div>
</body>



<script type="text/javascript" src="js/jquery.min.js"></script> 

<script type="text/javascript" src="js/preloadjs-0.6.1.min.js"></script>


/******************************preloading start********************************/
        var preload;
        var mainfest;
        // 初始化预加载manifest清单
        function setupManifest(){
            mainfest = [
                { src:"images/bg0.png"} , { src:"images/btn.png"},
                { src:"images/fish1.png"} , { src:"images/fish2.png"},
                { src:"images/img1.png"} , { src:"images/img2.png"},
                { src:"images/img3.png"} , { src:"images/img5.png"},
                { src:"images/leaf1.png"} , { src:"images/leaf2.png"},
                { src:"images/page0_main_title_de.png"} , { src:"images/page0_main_title_gong.png"},
                { src:"images/page0_main_title_liang.png"} , { src:"images/page0_main_title_wu.png"},
                { src:"images/page0_water1.png"} , { src:"images/page0_water2.png"},
                { src:"images/page0_water3.png"} , { src:"images/page0_yun_left1.png"},
                { src:"images/page0_yun_right1.png"} , { src:"images/page0_yun_right2.png"},
                { src:"images/page0_yun_right3.png"} , { src:"images/page2_bg.png"},
                { src:"images/water2.png"},{ src:"images/img2_main.png"}
            ];
        }
        // 预加载函数
        function startPreload() {
            preload = new createjs.LoadQueue(true);
            //注意加载音频文件需要调用如下代码行
            preload.installPlugin(createjs.SOUND);
            //为preloaded添加整个队列变化时展示的进度事件
            preload.addEventListener("progress",handleFileProgress);
            //为preloaded添加当队列完成全部加载后触发事件
            preload.addEventListener("complete",loadComplete);
            //设置最大并发连接数  最大值为10
            preload.setMaxConnections(1);
            preload.loadManifest(mainfest);
        }

        // 当整个队列变化时展示的进度事件的处理函数
        function handleFileProgress(event) {
           $(".progress").text("loading..."+Math.ceil(event.loaded * 100)+ "%");
            console.log(event.loaded);
        }
        // 处理preload添加当队列完成全部加载后触发事件
        function loadComplete() {
            // 设置定时器，当全部加载完毕后让100%停留0.4秒，提高用户体验，不至于让用户感觉不到
            window.setTimeout(()=>{
                $(".loading").remove();
            },400);
            $(".show_box").show();
            gdx_animate();
            setTimeout(function(){
                 location.href = 'page1.html?fresh=1';
            },5000);
            
        }
        setupManifest();
        startPreload();
               
    /******************************preloading end********************************/

查看全文

相关阅读:
Leetcode 233 Number of Digit One
获取各种常见形状的位图
 关于编程
 LintCode-第k大元素
 基于IBM Bluemix的数据缓存应用实例
 LeakCanary：简单粗暴的内存泄漏检測工具
 MFC,C++,VC++,VS2010 之间究竟是什么关系
 我对高考考场制度（比方是否同意迟到、忘带考证、上厕所）优化的点滴思考，不一定非常有道理
 ural 1989(树状数组+多项式hash)
TI C66x DSP 系统events及其应用

原文地址：https://www.cnblogs.com/shirleyjiang/p/11793785.html