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

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

時間: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>的。



(責任編輯:大寶庫)


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


3d试机号对应金码 福建十一选五中奖规则 卖房炒股败家排行 上海快3预测下期号码推荐 炒股开户哪家好 贵州体彩十一选五推荐 牛大人配资 广东36选7开奖11057 十分快三是真是假 山东福彩群英会查遗漏软件 上海期货配资网