标题载入添加loading状态

昨天不知道在谁的博客看到一个特效，鼠标移到标题的时候，标题会向右缓缓移动，感觉不错，还留了言，博主没有回复，我现在也不急的是谁的博客了。

晚上去mofei的博客，又见到这种特效了，不过他用来做链接了，想一探究竟的朋友可以在右边链接表里找到mofei的站点。

令我激动的还在后面，以前见到异次元空间的标题特效，点击以后，会出现进度条。没想到，mofei给出了教程，赶紧依瓢画葫芦，边玩游戏边鼓捣，搞了差不多两个小时，终于整好了，先贴上步骤和心得，以备后面学习，免得忘记。

先把Js文件另存到本地，传到空间。

修改JS文件中的链接地址，添加到footer.php。

在chrome中用审查元素，找文章的ID，修改好后添加到上面JS代码的下面。

整体代码如下：

<script type=”text/javascript”
src="http://www.iceray.net/js/jquery.min.js">
</script>
<script type="text/javascript">
jQuery(document).ready(function($){
$('.post h2 a').click(function(){
    $(this).text('空空裤兜正努力载入页面中……');
window.location = $(this).attr('href');
    });
});
</script>

添加好后，刷新，没有效果，继续刷新，还是没有效果。哎，遇到错误的时候看不懂代码就成了最大的桎楛。睁大眼睛看看我的代码和给出的代码哪里不一样，还真找到了，代码复制过来的时候，引号出问题了，改正，一切OK。

本文由 空空裤兜 发布在 空空裤兜，转载此文请保持文章完整性，并请附上文章来源（空空裤兜）及本页链接。

如果本文侵犯您和第三方权益，请联系我及时删除。

原文链接：https://cloud.tencent.com/developer/article/2232538