超链接的载入提示

/ 折腾 / WordPress / jquery / 提示
319 字 / 约 1 分钟

大家会注意到,点击日志标题后,会出现载入中...的提示,给人的第一感觉很友好、人性化。昨天在万戈博客发现了这修改方法。

首先载入JQuery库(不知道怎么载入的去问 Google),然后再加入点击的关键代码,代码如下:

其中#content .post h2 a在本博客的位置就是日志的标题,如果大家还想在别的地方加入这个效果,比如我要在本主题的侧栏随机日志中加入此效果,可以在#content .post h2 a后面加入,#sidebar .widget_recent_random_posts a,任何位置都可以加入,用英文逗号分开就可以了。

更多信息大家可以围观:http://wange.im/loading-effect-by-jquery.html

评论

32

留下一条评论

取消回复
  1. 嘀小咕
    由 AI 生成 · 仅供娱乐
    这个载入提示很棒啊,简单的一行代码就让体验提升了不少,从万戈那里学来的?你总能把这种小技巧用得恰到好处,我这就想去给我的侧栏加一个试试
  2. 彼岸星辰
    彼岸星辰
    陕西/Windows/IE

    又是前排。。

  3. 小峰JoysBoy
    小峰JoysBoy
    浙江/Windows/Chrome

    不错,不过主题本来不用jquery的为了这个功能影响加载速度不太值得吧

    1. 冰剑
      冰剑 博主
      湖南/Windows/Firefox

      我也不仅仅只这一个功能用到了JQuery,还有一些其他的地方也用到了。
      WP-EasyArchives,这个存档插件也用到了JQuery。

  4. 浩子
    浩子
    四川/Windows/Firefox

    貌似没啥多大的用处,放弃……
    自己玩吧……

    1. 冰剑
      冰剑 博主
      湖南/Windows/Firefox

      好看、用户体验感更强,反正就是折腾嘛。

  5. 浩子
    浩子
    四川/Windows/Firefox

    嘀咕那个玩意不错,好久有空了我弄过去……哈哈 :mrgreen:

  6. 万戈
    万戈
    上海/Windows/Firefox

    哈哈,我刚想说呢,我也有用这个效果,一看是我的链接

    1. 冰剑
      冰剑 博主
      湖南/Windows/Firefox

      博客里有几个jquery的效果都是你那来的,你那成了我找jq的好地方。

  7. 逸冰
    逸冰
    浙江/Windows/Firefox

    我有个主题正在修改之中......不知道能不能用的着...

    1. 冰剑
      冰剑 博主
      湖南/Windows/Firefox

      你也开始折腾主题了啊?

  8. FORECE
    FORECE
    加拿大/Windows/Firefox

    有时候一直载入挺烦人的。

    1. 冰剑
      冰剑 博主
      湖南/Windows/Firefox

      没一直载入啊,跳转了就会消失的。

  9. 沉冰浮水
    沉冰浮水
    河北/Windows/IE

    嘿嘿。。我就是围观下。。资深菜菜。。

    1. 冰剑
      冰剑 博主
      湖南/Windows/Firefox

      我也是资深菜鸟一名。

  10. 彼岸星辰
    彼岸星辰
    陕西/Windows/IE

    订阅的那个你怎么就直接给CUT掉了?

    1. 冰剑
      冰剑 博主
      湖南/Windows/Firefox

      找不到那个JS在哪里,所有文件都找遍了,都找不出来。

  11. 平平
    平平
    江苏/Windows/IE

    好 非常强大。可是这跟我有什么关系呢

  12. 小白
    小白
    山东/IE

    博主,关注您博客很久了,可以和您做一个友情吗?

    1. 冰剑
      冰剑 博主
      湖南/Windows/Firefox

      是吗?我怎么没见过你?无友情不连接,不好意思。

  13. 小不点
    小不点
    浙江/Windows/IE

    。。我承认我喜欢……但是不知道用哪儿

    1. 冰剑
      冰剑 博主
      湖南/Windows/Firefox

      jQuery的效果,BOBLOG里面一样的可以实现,需要实现的话可以帮你。
      你现在的主题没以前的好看了,感觉怪怪的。

  14. 海天无影
    海天无影
    江苏/Windows/Firefox

    呵呵 这个效果我已经加了~

  15. 海天无影
    海天无影
    江苏/Windows/Firefox

    没看到留言板唉~
    先在这说吧

    博主
    请将海天无影BLOG(htwy.org.ru)的名称改为海天无影Movie,谢谢

    现在新的海天无影BLOG地址为(blog.haitianhome.com),如能得博主不弃,愿再做友链,海天感激不尽。
    当然,新链不做,老链友谊继续,欢迎互访~

    1. 冰剑
      冰剑 博主
      湖南/Windows/Firefox

      我想去掉你的影视博客的连接,然后换上海天BLOG的连接,可以不?
      因为我不想做非心情博客类的连接,呵呵。

      1. 海天无影
        海天无影
        江苏/Windows/Firefox

        哈哈 当然可以~
        幸好我新开了一个博客
        要不然和冰剑大侠就没有纽带了~
        我去加你~

  16. 奥德雷的雷人事迹
    山东/Windows/Firefox

    细节之中见用户体验啊

  17. 龙崽
    龙崽
    江苏/Windows/Chrome

    我感觉这个东西会让载入速度变慢。。。

    1. 冰剑
      冰剑 博主
      湖南/Windows/Firefox

      因为有个插件用到了jquery,所以放着也是浪费,利用起来也不会影响速度的。

  18. 逸冰
    逸冰
    浙江/Windows/Firefox

    小日记也加个*,郁闷

    1. 彼岸星辰
      彼岸星辰
      陕西/Windows/IE

      必须的啊。这个怕被人看见了。

  19. 搜搜
    搜搜
    浙江/Windows/IE

    请问怎么把这个写进 js里

    1. 冰剑
      冰剑 博主
      湖南/Windows/Firefox

      这本来就是js啊,你复制上面的内容放到页面中就可以了。