给你的标题载入中添加动态效果
之前在本博中分享了一个给你的博客载入过程添加“正在努力载入中...”效果收到了不少的好评，也看到很多博主都添加上了这个效果了，今天荣焕说一个博客中在载入过程中有动态效果，就我之前发布的只是用一行简单的文字代替，而他实现了文字接着是不断循环的几个小数点，更加形象的体现了正在载入的过程。
在这里分享下吧，其实也就是一个简单的js代码而已，代码如下
<script type="text/javascript">
//by https://huilang.me/
$(function(){
$('h2 a').click(function(e){
e.preventDefault();
var htm='Opening',i=9,
t=$(this).html(htm).unbind('click');
(function ct(){
i<0?(i=9,t.html(htm),ct()):(t[0].innerHTML+='.',i--,setTimeout(ct,200));
})();
window.location=this.href;//opera fixed
});
});
</script>
其中的第三行为重点部分，如果你不熟悉怎么修改，参考下我之前的文章https://huilang.me/blog-loading/
扩展内容，想要修改文字就在第5行，默认为Opening你可以修改成你喜欢的文字，如“爬呀...”之类的，更加个性化
效果演示见本站 记忆碎片
如果想在载入过程中显示gif图，则用以下代码
<script type="text/javascript">
//by https://huilang.me/
$(document).ready(function() {
$('h2 a').click(function(){
myloadoriginal = this.html;
$(this).html('<img src="https://huilang.me/wp-content/uploads/2013/08/095136f6d.gif"/>');
var myload = this;
setTimeout(function() { $(myload).text(myloadoriginal); }, 2011);
});
});
</script>
<img style="display:none" src="https://huilang.me/wp-content/uploads/2013/08/095136f6d.gif"/>
注意：其中第4行和第12行为你的gif图片地址，可自行修改。（貌似这个图片在载入中需要先提前载入下，不然可能不显示在访客的视图中，所以添加了12行内容）
PS：点点的速度还是很给力的，后面动态的几个小点还没完全展开的时候，已经进入下一页了。