原本JQuery可以很簡單達到此效果,
但是如果要更簡單的方法,可以參考這一個網址,
但是通常在圖片還沒載完時,提示文字就會不見了
所以查了一下網路,稍做了就修改就可輕鬆達到此效果
<div name="loadings" id="loadings" style="z-index:1;width:250px;color:#C00;position:absolute;margin:1 400;"><img src="loader.gif"> LOADING.....</div>';
<script>
function loadingpages( ) {
_LOADTag = document.getElementById("loadings");
_LOADTag.style.display = "none"
}
<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>
window.attachEvent('onload', loadingpages);
} else {
window.addEventListener('load', loadingpages, false);
}
</script>
有一個LOADING 圖示產生的網站,可以去逛一下:http://www.ajaxload.info/
實際效果請參考http://www.careernet.org.tw