當前位置:主頁 > 網頁特效 > 頁面特效 > 內容歡迎大家投稿

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

時間:2012-08-09 08:56來源:互聯網 作者:大寶庫 點擊:讀取中
提示:您可以先修改部分代碼再運行,復制代碼和保存代碼功能在Firefox下無效。

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

首先看你博客有沒有加載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>的。



(責任編輯:大寶庫)


------分隔線----------------------------
推薦內容
贊助商鏈接
贊助商鏈接


日本足球比分直播