刚写了个数据加载中的东东,贴出来先
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”);