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

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

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



(責任編輯:大寶庫)


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


七星彩加急版 云南时时彩玩法技巧 扑克彩票 浙江嘉兴股票融资 澳门正规赌场平台 11选五5开奖走势图 北京快三跨度一定牛 股票配资平台哪个最好 辽宁快乐12前三组遗漏 300797股票行情 乐透三分彩是正规的吗 股票行情分析 喜乐彩票开奖结果 黑龙江十一选五正好网开将结果 陕西快乐十分开奖走势 河北十一选五走势图一定牛遗漏 快乐十分常出5个号码