1. <menuitem id="jzhmt"></menuitem>
    2. <ins id="jzhmt"><option id="jzhmt"></option></ins>
      <ins id="jzhmt"></ins>
      當前位置:主頁 > 網頁特效 > 頁面特效 > 內容歡迎大家投稿

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

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



      (責任編輯:大寶庫)


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


      梅林传奇在线看的免费网站
      1. <menuitem id="jzhmt"></menuitem>
      2. <ins id="jzhmt"><option id="jzhmt"></option></ins>
        <ins id="jzhmt"></ins>