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

posted @ 2011-10-21 20:39  realwall  阅读(912)  评论(0编辑  收藏  举报