zoukankan      html  css  js  c++  java
  • 网页进度条的实现

    1.当页面在向服务器获取数据需要较长时间时,可以将页面暂时屏蔽,并显示进度条,虽然进度条并不能真实的反映页面加载的情况,但是却是一种很好的用户体验。

    function show() {
        var bgDiv = document.createElement("div");
        bgDiv.id = "bgDiv";
        bgDiv.style.position = "absolute";
        bgDiv.style.left = 0;
        bgDiv.style.top = 0;
        bgDiv.style.backgroundColor = "Gray";
        bgDiv.style.width = 0;
        bgDiv.style.height = 0;
        bgDiv.style.zIndex = 10000;
        bgDiv.style.visibility = "hidden";
        bgDiv.style.opacity = 0.4;
        bgDiv.style.filter = "alpha(opacity=40)";
        document.body.appendChild(bgDiv);
        var barDiv = document.createElement("div");
        barDiv.id = "barDiv";
        barDiv.align = "center";
        barDiv.style.position = "absolute";
        barDiv.style.left = "50%";
        barDiv.style.top = "50%";
        barDiv.style.zIndex = 10001;
        barDiv.style.marginLeft = -107;
        barDiv.style.marginTop = -7;
        barDiv.style.visibility = "hidden";
        document.body.appendChild(barDiv);
        var tagSelectList = document.getElementsByTagName("select");
        for (i = 0; i < tagSelectList.length; i++)
        {
            tagSelectList[i].style.visibility = "hidden";
        }
        bgDiv.style.visibility = 'visible';
        bgDiv.style.width = (document.body.scrollWidth > window.screen.width ? document.body.scrollWidth : window.screen.width) + "px";
        bgDiv.style.height = (document.body.scrollHeight > window.screen.height ? document.body.scrollHeight : window.screen.height) + "px";
        barDiv.style.visibility = 'visible';
    }
  • 相关阅读:
    iOS越狱系列(一):使用Reveal分析APP
    ios-异步消息同步问题-典型使用场景: 微信私信界面
    ios 消息跳转处理
    iOS开发UI篇—IOS CoreText.framework --- 基本用法
    IOS开发之实现App消息推送(最新)
    Thread 1: signal SIGABRT-内存管理的陋习
    别用symbolicatecrash来解析crash Log了by 风之枫
    通过崩溃trace来查找问题原因 .
    Xcode 6视图调试小贴士
    调试message send to deallocated instance问题
  • 原文地址:https://www.cnblogs.com/sydeveloper/p/2587208.html
Copyright © 2011-2022 走看看