<ul id="JYGds"></ul><output id="JYGds"></output><thead id="JYGds"></thead>
        <canvas id="JYGds"><keygen id="JYGds"><keygen id="JYGds"><textarea id="JYGds"></textarea><fieldset id="JYGds"><figure id="JYGds"></figure><tfoot id="JYGds"><abbr id="JYGds"><tfoot id="JYGds"></tfoot></abbr></tfoot><address id="JYGds"><code id="JYGds"></code></address></fieldset></keygen></keygen></canvas><rt id="JYGds"></rt><tr id="JYGds"></tr><aside id="JYGds"><sub id="JYGds"></sub></aside>

          <li id="JYGds"><area id="JYGds"></area><figcaption id="JYGds"></figcaption></li>

          <sup id="JYGds"><select id="JYGds"></select><strong id="JYGds"></strong></sup>

          <col id="JYGds"><td id="JYGds"><tr id="JYGds"></tr><td id="JYGds"></td><button id="JYGds"><meter id="JYGds"></meter></button></td></col>
            当前位置:主页 > 网页特效 > 页面特效 > 内容欢迎大家投稿

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

            时间:2019-10-15 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>的。



            (责任编辑:大宝库)


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