给你的网站加一个页面加载条

其实我觉得这完全是一个蛋疼的功能.
这加载条的效果是:当网速较慢的时候,打开网页需要很久的时候,会在页面显示一个进度条.当页面加载成功后,进度条消失.

是这个主题的作者联系我,介绍给我的.
说点题外话,作者真的很好人啊. 做的主题一级漂亮不说,售后也很负责. 经常问我有么有什么问题,加了新功能以后也及时联系我帮我添加上. 而且主题的价格也是超级的便宜.
好了,言归正传.
原理很简单:
首先在hearder中添加代码,页面载入进度条;在footer中添加代码,设置进度条的display属性为none就OK了.
1.修改style.css
打开style.css(一般主题都是这个文件吧),找个地方添加:

/*loading*/
#loading {width:136px;height:10px;background:url(images/loading.gif) no-repeat;margin:130px 0 0 -100px;position: absolute;left:50%;}

2.修改header.php
在header.php 文件的 body 开头添加:

3.修改footer.php
在footer.php的body标签结尾处写一段js:

记得上传一张loading.gif (背景透明)到你的主题images文件夹当中去.
搞定了.

Demo?
不用找了,联想一下都可以了.
我没有在我的博客上添加这个效果.
为什么?
1.又要多一个js,拖累速度(其实我觉得感受不出来);
2.我是开着迅雷全速下载才看到了加载条的效果.如果页面真的慢到能我能看到加载条,我宁愿去撞死.