2009年1月18日 星期日

簡單完成頁面載入中的提示文字(畫面)

原本JQuery可以很簡單達到此效果,
但是如果要更簡單的方法,可以參考這一個網址
但是通常在圖片還沒載完時,提示文字就會不見了
所以查了一下網路,稍做了就修改就可輕鬆達到此效果

在<body></body>之間加入下列 CODE

<div name="loadings" id="loadings" style="z-index:1;width:250px;color:#C00;position:absolute;margin:1 400;"><img src="loader.gif">&nbsp;&nbsp;&nbsp;&nbsp;LOADING.....</div>';

<script>
function loadingpages( ) {
_LOADTag = document.getElementById("loadings");
_LOADTag.style.display = "none"
}
if (window.attachEvent) {
window.attachEvent('onload', loadingpages);
} else {
window.addEventListener('load', loadingpages, false);
}
</script>



有一個LOADING 圖示產生的網站,可以去逛一下:http://www.ajaxload.info/

實際效果請參考http://www.careernet.org.tw