• loading


    <!doctype html>
    <html>
    <head>
    <title>实惠福利</title>
    <meta charset="UTF-8">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="telephone=no" name="format-detection">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0"/>
    <link rel="stylesheet" href="http://test2.api.hiwemeet.com/pageapp/css/mobile.common.css?static_version=1435617321482">
    <style>
    .loading {
    overflow:hidden; 
    100%; 
    max- 640px; 
    height: 100%; 
    margin: 0 auto;  
    background: rgba(0,0,0,0.7);
    z-index: 9999999;
    position: absolute;
    top: 0;
    left: 0;
    }
    .loading center {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -24px;
    100%;
    }
    .loading var, .loading sub {
    display: block;
    48px;
    height: 48px;
    margin: 0 auto;
    overflow: hidden;
    color: #fff;
    line-height: 48px;
    }
    .loading sub {
    -webkit-animation: loadAN 1s infinite linear;
    margin-top: -48px;
    background: url('http://test2.api.hiwemeet.com/pageapp/images/slot_welfare/index/loading.png') no-repeat;
    background-size: 100% auto;
    }
    .loading p{
    color: #fff;
    font-size: 0.8em;
    padding:0.8em;
    text-align: center;
    }
    @-webkit-keyframes loadAN{
    0%{ -webkit-transform: rotate(0);}
    100%{ -webkit-transform: rotate(360deg);}
    }
    </style>
    <script src="js/loading.js"></script>
    <script type="text/javascript">
    window.slotData = {};
    window.bodyLoading = function() {
    window.isBoayLoaded = true;
    if(window.isApiLoaded) {
    window.loading.hide();
    }
    }
    </script>
    </head>
    <body onload="bodyLoading();">
    <div class="loading tx_pageLoading" id="tx_pageLoading">
    <center>
    <var id="loading_var">0%</var>
    <sub></sub>
    <p>马上开始摇一摇…</p>
    </center>
    </div>
    </body>
    </html>
    </html>
  • 相关阅读:
    ConcurrentHashMap 内部实现分析
    死锁的产生条件和预防处理
    UVA 11080
    【Gapps】安装GooglePlay引发一系列问题
    HDU4876ZCC loves cards(多校题)
    HDU 3699 A hard Aoshu Problem (暴力搜索)
    coreos docker 尝新奇
    Android 检測网络是否连接
    html练习(5)
    散文说python半篇——景观三元论与盖茨比的对话
  • 原文地址:https://www.cnblogs.com/xiaoleidiv/p/4669995.html
Copyright © 2020-2023  润新知