這是本文件的舊版!
A showroom of nice looking simple downloadable DHTML and AJAX scripts
淡入淡出特效
http://blog.xuite.net/emisjerry/tech/11384659
<div id="divLoading" style="border:3px blue solid;background-color:#ba2a4a;color:white;position:absolute;top:-50px;left:350px;width:250px;height:50px;z-order=0"> <img src="http://b.blog.xuite.net/b/3/a/c/11893557/blog_10351/txt/11293067/7.gif" style="vertical-align:middle;padding:6px"/> 網頁載入中,請稍候... </div>
最後在任何一個自由欄位裡設定window.onload事件,在此事件裡把顯示出來的區域(divLoading)的顯示樣式變成 “none”,則「載入中」的框框就消失了。
<script> function init( ) { // .... 其他指令 _oTag = document.getElementById("divLoading"); _oTag.style.display = "none"; // hide it. } if (window.attachEvent) { window.attachEvent('onload', init); } else { window.addEventListener('load', init, false); } </script>
http://www.dhtmlgoodies.com/index.html?whichScript=ajax_dynamicArticles
Demo: http://www.dhtmlgoodies.com/scripts/ajax-dynamic-articles/ajax-dynamic-articles.html