wordpress加入文章载中效果

2012-03-10 约 2 分钟读完搬砖秘籍

在访问许多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>之前就可以了。

8 条评论

洋芋 2012-03-11 11:57

呵呵!正在以xxoo的力气为您载入中。这句话我比较欣赏
1. Sailor 博主 2012-03-16 13:44
  
  嘿嘿，我也比较喜欢这句话~~~
imwyc 2012-03-11 22:16

程序员都是这么猥琐搞笑的么。。
1. Sailor 博主 2012-03-16 13:44
  
  程序员都很苦逼有才啊~~~
小托 2012-03-15 21:49

哎哟、Sailor 又改了样式啊。话说还是喜欢之前单栏的。现在分类样式还可以
1. Sailor 博主 2012-03-16 13:45
  
  啧啧，你怎么知道我叫sailor啊？？我准备写一个功能就是隐藏侧边栏，这样就能保持特性了~~
一堵墙 2012-03-17 11:51

进度条加载的方式我比较喜欢呢
1. Sailor 博主 2012-03-20 12:12
  
  那个方法现在正在测试~~

wordpress加入 文章载中 效果

8 条评论

wordpress加入文章载中效果