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");

  • 相关阅读:
    markdown基础
    img alt与title的区别
    关于echarts 报错 初始化对象未定义
    easyui datagrid 右边框被隐藏
    ie 浏览器文本输入框和密码输入框的默认样式
    谷歌内核浏览器 iframe内容的 tab切换 滚动条消失
    导入sass文件
    嵌套规则
    关于ruby -gem无法切换淘宝源
    sass 变量
  • 原文地址:https://www.cnblogs.com/realwall/p/2220672.html
Copyright © 2011-2022 走看看