摘要:昨天不知道在谁的博客看到一个特效,鼠标移到标题的时候,标题会向右缓缓移动,感觉不错,还留了言,博主没有回复,我现在也不急的是谁的博客了。 晚上去mofei的博客,又见到这种特效了,不过他用来做链接了,想一探究竟的朋友可以在右边链接表里找到mofei的站点。 令我激动的还在后面,以前见到异次元空间的标...

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

晚上去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。