其实这个方法适用于大部分a标签，不仅仅是文章标题，JV试着加在了标题和分类目录上的a标签。
标题也加上了“文章正在加载中......”的效果。
下面是实现方法，有两种：

方法一：通过必然加载的jQuery库

现在大部分主题都会加载jQuery库，在当前主题目录的js文件夹中找到类似jquery.min.js这样的脚本文件，添加以下代码即可

 jQuery(document).ready(function($){      
$('.entry-title a').hover(function() {    
//.entry-title a 改成你标题的样式名称,可以应用多个链接,用(半角)逗号隔开      
$(this).stop().animate({'marginLeft': '10px'}, 200);      
//鼠标移动到链接上的平滑效果,200是毫秒,就是效果时间,可以改成你需要的时间      
}, function() {      
$(this).stop().animate({'marginLeft': '0px'}, 200);      
//鼠标离开链接后的平滑效果,200同上      
});      
});

下面是点击标题显示“加载中......”的效果，也是添加到jquery.min.js当中

$(document).ready(function(){   
$('.excerpt a').click(function(){   
//注意修改.excerpt a为你自己的样式   
$(this).text('文章加载中…');   
//加载中文本提示，可修改为你喜欢的，如Loading…   
window.location = $(this).attr('href');   
});   
});

方法二：通过CSS3来实现

首先针对a标签添加以下样式

 -webkit-transition: margin 0.2s ease-out;  
-moz-transition: margin 0.2s ease-out;  
-khtml-transition: margin 0.2s ease-out;

然后再对 a:hover 添加以下样式（其中10px就是平移距离）

 margin-left:10px  /*移动距离可以自己调节*/

好了，赶快去试试吧！