简单的页面加载 Loading 效果
如果服务器置于国外，国内访问可能比较慢，这时友好的页面加载提示就非常有用。当然，通过繁杂的 Ajax 等技术，可以很好的实现。我比较适合使用简单的 HTML + CSS + JavaScript，此方法没有多少技术含量，领会精神！
假设需要在加载过程中，页面左上角显示红色的“正在加载中…”提示信息。原理很简单，HTML 代码的 <body> 部分加载前插入此提示信息，加载完成后隐藏它即可。
首先，在 <body> 标记后插入：
<div id="loadingpage">努力加载中...</div>
你可以自由定义 loading 这个 id 的样式。例如将其设置为红色背景，白色文字：
#loading{
color:#fff;background:#FF0000;position:absolute;top:0;left:0;padding:2px 10px;
}
最后，用 JavaScript 代码输出样式，将代码放在</body>标记前：
<script type="text/javascript">
document.write(‘<style>#loading{display:none;}</style>’);
</script>
最终效果就是本博一样的~
2010年 7月 13日