longing加载中实例

番茄西红柿发布于2019-04-23 13:11 / 1758人阅读

摘要：可用实例对象手动开启播放可选参数参数需要是一个函数，在素材加载完毕后运行。开始计算框距离顶部和左部的距离框的宽度为，高度为在页面未加载完毕之前显示的自定义内容呈现效果页面加载中，请等待监听加载状态改变加载状态为时移除效果

利用图片播放

<div class="wrap" id="wrap" style="position: inherit; height: 604px;">
    <div class="main">
        <script src="http://www.zaidu.sn.cn/zaidu/刺激战场争霸赛3/js/canvas.js">script>
<div id="loading" class="compatibleStyle">
            <div id="startPlay" style="display: none">开始刺激时刻div>
            <canvas id="clgass" width="128" height="128">canvas>
            <script>
            var frame_Imgs_1=[run_1.png,run_2.png,run_3.png,run_4.png,run_5.png,run_6.png,run_7.png,run_8.png,run_9.png,run_10.png,run_11.png,run_12.png,run_13.png,run_14.png,run_15.png,run_16.png,];

            //新建动画实例
            var cfa1=new canvasfa({
                    cav:clgass//canvas画布id
                    ,frames:frame_Imgs_1//帧动画的素材
                    ,url:http://www.zaidu.sn.cn/demo/zaidu_03/img///图片路径
                    ,fps:24//【可选参数】每秒帧数，默认每秒15帧。（液晶屏每秒刷新60次，所以帧数最好是可以整除60的数）
                    ,loop:true//【可选参数】循环播放，false则单次播放并停留在最后一帧，true和默认是循环播放
                    //,autoplay:false//【可选参数】素材加载完毕后是否自动播放； false不播放，true和默认是自动播放。可用 实例对象.start()手动开启播放
                    //,loading_done:alert1//【可选参数】参数需要是一个函数，在素材加载完毕后运行。可缺省此参数。
                
            });
                
//开始            
var _PageHeight = document.documentElement.clientHeight,
    _PageWidth = document.documentElement.clientWidth;
//计算loading框距离顶部和左部的距离（loading框的宽度为215px，高度为61px）
var _LoadingTop = _PageHeight > 61 ? (_PageHeight - 61) / 2 : 0,
    _LoadingLeft = _PageWidth > 215 ? (_PageWidth - 215) / 2 : 0;
//在页面未加载完毕之前显示的loading Html自定义内容
var _LoadingHtml = document.getElementById("clgass");
//呈现loading效果
                
                
/*页面加载中，请等待...*/
                
                
document.write(_LoadingHtml);

//window.onload = function () {
//    var loadingMask = document.getElementById(loadingDiv);
//    loadingMask.parentNode.removeChild(loadingMask);
//};

//监听加载状态改变
document.onreadystatechange = completeLoading;

//加载状态为complete时移除loading效果
function completeLoading() {
    if (document.readyState == "complete") {
        var loadingMask = document.getElementById(loading);
        loadingMask.parentNode.removeChild(loadingMask);
    }
}    
script>     
    div>

GPU云服务器云服务器加载中正在加载中数据加载中按钮加载中

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/1545.html

Java魔法类——Unsafe应用解析

摘要：典型应用锁和同步器框架的核心类，就是通过调用和实现线程的阻塞和唤醒的，而的方法实际是调用的方式来实现。前言 Unsafe是位于sun.misc包下的一个类，主要提供一些用于执行低级别、不安全操作的方法，如直接访问系统内存资源、自主管理内存资源等，这些方法在提升Java运行效率、增强Java语言底层资源操作能力方面起到了很大的作用。但由于Unsafe类使Java语言拥有了类似C语言指针...

reclay 2019-08-16 15:05 评论0 收藏0
Java高级程序员必备：反射、动态代理

摘要：相比硬编码，反射要复杂的多，但其给我们带来了更大的灵活性。实际上构造函数也是类的静态方法，因此使用关键字创建类的新对象也会被当做对类的静态引用，从而触发类加载器对类的加载。基础基础主要是为反射提供通用特性的接口或基类。 1. Java类型系统获取Java类型系统，主要有两个方式：一种是传统的RTTI（Run-Time Type Identification），它假定我们在编译时已经知...

church 2019-08-19 11:00 评论0 收藏0
Java 多线程核心技术梳理(附源码)

摘要：本文对多线程基础知识进行梳理，主要包括多线程的基本使用，对象及变量的并发访问，线程间通信，的使用，定时器，单例模式，以及线程状态与线程组。源码采用构建，多线程这部分源码位于模块中。通知可能等待该对象的对象锁的其他线程。本文对多线程基础知识进行梳理，主要包括多线程的基本使用，对象及变量的并发访问，线程间通信，lock的使用，定时器，单例模式，以及线程状态与线程组。写在前面花了一周时...

Winer 2019-08-16 11:46 评论0 收藏0
【实战Java高并发程序设计】连载1–Java中的指针：Unsafe类

摘要：不难看出，方法的内部，必然是使用原子指令来完成的。它是一个内部使用的专属类。注意根据类加载器的工作原理，应用程序的类由加载。加载器没有对象的对象，因此试图获得这个类加载器会返回。如果你对技术有着不折不挠的追求，应该还会特别在意incrementAndGet() 方法中compareAndSet()的实现。现在，就让我们更进一步看一下它把！public final boolean co...

EasonTyler 2019-08-14 15:12 评论0 收藏0
Python 外部函数调用库ctypes简介

摘要：最近了解了提供的一个外部函数库它提供了语言兼容的几种数据类型，并且可以允许调用编译好的库。这里是阅读相关资料的一个记录，内容大部分来自官方文档。注意，提供的接口会在不同系统上有出入，比如为了加载动态链接库，在上提供的是而在上提供的是和。参考资料 https://docs.python.org/2.7/l... http://www.ibm.com/developerw... c...

mykurisu 2019-07-31 10:54 评论0 收藏0