zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    English,The Da Vinci Code, Chapter 23
    python,meatobject
    English,The Da Vinci Code, Chapter 22
    English,The Da Vinci Code, Chapter 21
    English,The Da Vinci Code, Chapter 20
    English,The Da Vinci Code, Chapter 19
    python,xml,ELement Tree
    English,The Da Vinci Code, Chapter 18
    English,The Da Vinci Code, Chapter 17
    English,The Da Vinci Code, Chapter 16
  • 原文地址:https://www.cnblogs.com/xiaoleidiv/p/4669995.html
Copyright © 2011-2022 走看看