wordpress加入 文章载中 效果

在访问许多wordpress或者其他blog系统搭建的站点时,经常有"请你稍等,文章载入中"、"客官请稍等,文章准备中"、甚至还有什么"正在以XXOO的力气为您载入"等等提示。这几天在写一个wordpress主题,索性就加上这么一个小效果。

其实搞过jQuery的朋友都应该知道,动态改变文字是个简单小技巧,首先你要确定你的主题中控制文字的CSS,以本站为例,文章标题使用的是h2,上一级的CSS为.post,那这样就好办了,我的文章链接文字控制层次就是.post h2 a,下面的事情教给jQuery吧,下面是jQuery代码。

<?php if (is_home()){ ?>
 <script type="text/javascript>
jQuery(document).ready(function(){
    jQuery('.post h2 a').click(function(){
    jQuery(this).text('文章加载中,请稍后....');
    });
});
 </script>
 <?php }?>

把这段代码放入wordpress主题中的header.php里面</head>之前就可以了。


作者  :  sailor

仅仅看明白了还不够,能把别人给讲明白了才算及格。


  1. 洋芋
    1#
    洋芋

    呵呵!正在以xxoo的力气为您载入中。这句话我比较欣赏

    March 11th, 2012 at 11:57 am 回复
      1. YQC
        YQC

        嘿嘿,我也比较喜欢这句话~~~

        March 16th, 2012 at 01:44 pm 回复
  2. imwyc
    2#
    imwyc

    程序员都是这么猥琐搞笑的么。。

    March 11th, 2012 at 10:16 pm 回复
      1. YQC
        YQC

        程序员都很苦逼有才啊~~~

        March 16th, 2012 at 01:44 pm 回复
  3. 小托
    3#
    小托

    哎哟、Sailor 又改了样式啊。 话说还是喜欢之前单栏的。 现在分类样式还可以

    March 15th, 2012 at 09:49 pm 回复
      1. YQC
        YQC

        啧啧,你怎么知道我叫sailor啊??我准备写一个功能就是隐藏侧边栏,这样就能保持特性了~~

        March 16th, 2012 at 01:45 pm 回复
  4. 进度条加载的方式我比较喜欢呢

    March 17th, 2012 at 11:51 am 回复
      1. YQC
        YQC

        那个方法现在正在测试~~

        March 20th, 2012 at 12:12 pm 回复


最新文章