zoukankan      html  css  js  c++  java
  • JavaScript数据加载中loading..

    刚写了个数据加载中的东东,贴出来先

    loading = {
        open : function(domIDstr){
            var scrollY = 1110; 
            var scrollX = 1110;
            if (window.pageYOffset) {
    	        scrollY = window.pageYOffset; 
    	        scrollX = window.pageXOffset;
            } else if (document.compatMode && document.compatMode != 'BackCompat') {
    	        scrollY = document.documentElement.scrollTop;
    	        scrollX = document.documentElement.scrollLeft;
            } else if (document.body) { 
    	        scrollY = document.body.scrollTop;
    	        scrollX = document.body.scrollLeft;
            }
            var loading = document.getElementById(domIDstr);
            loading.style.position='absolute';
            loading.style.zIndex="100";
            loading.style.visibility='visible';
            loading.style.left = (400 + scrollX) + 'px';
            loading.style.top = (300 + scrollY) + 'px';
            var str = '<span style="background:#FFF url(loading2.gif) no-repeat scroll 10px center;padding: 10px 10px 10px 52px; border:solid 3px teal; border-radius: 7px; color:Olive;">数据加载中,请稍后...</span>';
            loading.innerHTML = str;
        },
        close : function(domIDstr){
            var loading = document.getElementById(domIDstr);
            loading.style.visibility = 'hidden';
        }
    };
    

    怎么用呢?很简单,只要在引用此js文件的HTML页面中body末尾添加个div标签,

    <div id="loading"></div>
    

    之后在需要的时候就loading.open("loading"),不需要就loading.close("loading");

  • 相关阅读:
    索引器
    异常
    C#各版本
    构造函数
    值类型和引用类型
    面向对象聊天机器人
    linux 系统快捷键
    linux 系统常用设置
    linux 系统介绍
    linux 命令学习.txt
  • 原文地址:https://www.cnblogs.com/realwall/p/2220672.html
Copyright © 2011-2022 走看看