不过我这里讲的是 「伪预载」 效果,真正的 Loading 效果是要通过 JQuery 实现的(俺也不懂 JQuery)。通过一张 Loading 的 gif 图片来实现,仅针对 Wordpress。效果见萄葡藤,或者注意我的网站左上角。
方法如下:
- 先把 Loading 的 gif 图片放在博客网站的根目录下
- 在 header.php 文件的<head></head> 中加入代码:<div id='loading'><img src="/loading.gif" /></div>
- 在 footer.php 文件的</body> 前添加闭合代码:<script>document.write('<style>#loading{display:none}<\/style>');</script>
- 根据自己的要求还可以加上 loading 的 CSS 效果
现成的 CSS 效果见这篇文章,自己加到 style.css 文件中即可。