如何為博客添加“正在加載中”的過度特效

看到很多博客都有這個，想起自己博客也需要，於是就加了一個，方法是這樣的：

首先看你博客有沒有加載jQuery，如果沒有，請在頭部加上引用這段js的代碼：

<script type=”text/javascript” src=”http://jqueryjs.googlecode.com/files/jquery-1.2.3.min.js”></script>

然後把如下代碼加在模版文件中：

<script type=”text/javascript”>

$(document).ready(function() {

$(‘h2 a’).click(function(){

myloadoriginal = this.text;

$(this).text(‘正在給力加載中 …’);

var myload = this;

setTimeout(function() { $(myload).text(myloadoriginal); }, 2011);

});

});

</script>

可以DIY的是，h2 a為選擇代碼，如果你的博客文章標題不是<h2>的。

除非注明，胡小易博客文章均為原創，轉載請以鏈接形式標明本文地址

本文地址：http://huxiaoyi.com/website/20120727.html