当前位置:主页 > 网页特效 > 页面特效 > 内容欢迎大家投稿

          如何为博客添加“正在加载中”的过度特效

          时间:2019-08-23 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>的。



          (责任编辑:大宝库)


          ------分隔线----------------------------
          推荐内容
          赞助商链接
          赞助商链接