空空裤兜 空空裤兜
  • 首页
  • 分类目录
    • 博客建设
    • 兜兜转转
    • 每月一帖
    • 技术存档
  • 留言
  • 豆瓣
  • 博客大事记
首页 技术存档 标题载入添加loading状态

标题载入添加loading状态

空空裤兜 12年 前

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

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

# wordpress# 博客
0
空空裤兜
和过去过不去,跟未来合不来。
评论 (3)
返回
  • mofei

    你的写的比我的专业,一看就是有点这方面基础的人。看我,呜哩哇啦说了一大堆,不会把新手都看晕了吧!哈哈...不过令我很感兴趣的是你的这句“空空裤兜正努力载入页面中……”哈哈,慢慢载,别累坏了

    12年 前 回复
  • iceray

    @mofei: 随便写的哦,总不能抄你的呀,嘿嘿。

    12年 前 回复
  • mofei

    修改了,改成全站链接滑动,欢迎查看哦!哈哈

    12年 前 回复
猜你喜欢
  • 2023-04
  • QQ24周年
  • 我的2022
  • 自建随机图片API
  • 使用msmtp进行邮件通知
空空裤兜
和过去过不去,跟未来合不来。
219
文章
996
评论
269
获赞
随缘推荐
您鼓舞了我
上海-苏州-杭州
关于友情链接的一点说法
初步折腾Varnish
升级,升级
08 6月, 2015
2015-05
专题展示
文章被人恶意篡改
12年 前
标题载入添加loading状态
12年 前
评论显示实时头像
12年 前
道道通出现“no mapdb1”错误
9年 前
启用子域名做图床
12年 前
Copyright © 2010-2023 空空裤兜. Designed by nicetheme.
  • 首页
  • 分类目录
    • 博客建设
    • 兜兜转转
    • 每月一帖
    • 技术存档
  • 留言
  • 豆瓣
  • 博客大事记