本文使用「署名 4.0 国际 (CC BY 4.0)」许可协议，欢迎转载、或重新修改使用，但需要注明来源。 [署名 4.0 国际 (CC BY 4.0)](https://creativecommons.org/licenses/by/4.0/deed.zh)
本文作者: 苏洋
创建时间: 2011年05月10日
统计字数: 664字
阅读时间: 2分钟阅读
本文链接: https://soulteary.com/2011/05/10/javascript%E9%A1%B5%E9%9D%A2%E8%BD%BD%E5%85%A5%E7%89%B9%E6%95%88.html
-----
# [JS]javascript页面载入特效
某些时候,不需要使用AJAX库的时候,或许一个很老的例子可以帮我们轻巧的解决我们需要的效果.
javascript代码部分:
```js
```
css代码部分:
```css
#loader_container{text-align:center;position:absolute;top:40%;width:100%;left:0;padding:10px;}
#loader{font-family:Tahoma, Helvetica, sans;font-size:11.5px;color:#7c7c7c;;background-color:#c0c0c0;padding:10px 0 16px 0;margin:0 auto;display:block;width:130px;border:1px solid #5a667b;text-align:left;z-index:2;}
#progress{height:5px;font-size:1px;width:1px;position:relative;top:1px;left:0px;background-color:#8894a8}
#loader_bg{background-color:#e4e7eb;position:relative;top:0px;left:0px;height:7px;width:113px;font-size:1px}
```
html代码部分:
```html
```
使用方便很简单,就不多说了.