空空裤兜 空空裤兜
  • 首页
  • 分类目录
    • 博客建设
    • 兜兜转转
    • 每月一帖
    • 技术存档
  • 留言
  • 豆瓣
  • 人气文章排行榜
  • 热门标签
  • 博客大事记
  • 开往
首页 › 技术存档 › 标题载入添加loading状态

标题载入添加loading状态

空空裤兜
15 年前

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

晚上去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
给WordPress评论添加背景图片
下一篇

评论 (3)

取消
  • mofei

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

    15 年前 回复
  • iceray

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

    15 年前 回复
  • mofei

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

    15 年前 回复

猜你喜欢

  • PVE和NAS共享一台UPS停电自动关机
  • 2024-07
  • 宝塔无法启动fail2ban解决方法
  • 2024-01
  • 我的2023

空空裤兜

和过去过不去,跟未来合不来。
254
文章
1K
评论
397
获赞

随缘推荐

DNS被劫持
新换主题Mossight
小主机:从折腾到放弃
友链移至首页
2024-06

父亲节and生日

19
2011 / 06

专题展示

更换域名注册商
3 年前
通过DenyHosts阻止SSH暴力攻击教程
12 年前
wordpress添加文章表情
14 年前
更换主题Relive-Pro
3 年前
CentOS如何发送邮件
13 年前
Copyright © 2010-2025 空空裤兜. Designed by nicetheme.
  • 首页
  • 分类目录
    • 博客建设
    • 兜兜转转
    • 每月一帖
    • 技术存档
  • 留言
  • 豆瓣
  • 人气文章排行榜
  • 热门标签
  • 博客大事记
  • 开往