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

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

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



    (責任編輯:大寶庫)


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


    AAA免费毛片,性俄罗斯XXXXXHD,日本电影老人下药侵犯人妻