昨天不知道在谁的博客看到一个特效,鼠标移到标题的时候,标题会向右缓缓移动,感觉不错,还留了言,博主没有回复,我现在也不急的是谁的博客了。
晚上去mofei的博客,又见到这种特效了,不过他用来做链接了,想一探究竟的朋友可以在右边链接表里找到mofei的站点。
令我激动的还在后面,以前见到异次元空间的标题特效,点击以后,会出现进度条。没想到,mofei给出了教程,赶紧依瓢画葫芦,边玩游戏边鼓捣,搞了差不多两个小时,终于整好了,先贴上步骤和心得,以备后面学习,免得忘记。
先把Js文件另存到本地,传到空间。
修改JS文件中的链接地址,添加到footer.php。
在chrome中用审查元素,找文章的ID,修改好后添加到上面JS代码的下面。
整体代码如下:
代码语言:javascript复制<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