改善网站体验小细节,点击改变链接的文本!

jQuery 真是一个非常伟大的 javascript library,至少在我不会写 JS 的时候第一时间接触了它,虽然还有其他很多优秀的 javascript library,但是目前我还是对其情有独钟,它让你的网站显得更加酷,同时在一定程度上给了用户不错的视觉体验…

有时候浏览器变得缓慢或者网络十分缓慢的时候,当你点击了一个链接,你要做的就是对着页面傻看着,页面既不刷新,也没有任何提示,并没有给用户一个好的引导。一些并不是网络从业者的访客可能都不知道你的网站到底怎么了,明明点击了链接却没有反应,从而造成了不好的印象。所以我觉得,为什么不给出一些提示来告诉他们页面正在加载中呢(当他们点击了某个链接的时候)。

34 Responses to 改善网站体验小细节,点击改变链接的文本!

  1. Yacca says:

    晚饭前最后一顶!!!!

  2. 吖Bee says:

    等我去实现一下先!

  3. Donald says:

    晚饭前来崇拜一下Leeiio~ 😳 😳

  4. welee says:

    JQuery 简单易用,确实很值得去学习。

  5. 苏南 says:

    你的效果挺有意思

  6. 随影 says:

    呵呵 有点意思 哈!! 学习学习 !!!

  7. chisdy says:

    不错哦,马上应用上去。有没好的jquery tabs推荐啊 jquery.ui太大了。

  8. Leeiio says:

    @chisdy
    只是一个tabs么?类似我文章后面的那种?

  9. sck says:

    博主,你好,想请教一下,如果我只想对导航和标题使用这种效果应该修改代码的哪个部分呢?

  10. Leeiio says:

    @sck
    把$(‘a’)换成$(‘#navigation a’)即可~

  11. Never summer says:

    我也加入這個功能了 你真的好厲害啊 哈哈 崇拜一下
    還有 如果我用鼠標中鍵新窗口打開的話 文字也會變loading=。=
    不知道這個有沒有辦法改善

  12. Leeiio says:

    @Never summer
    文章已经更新,注意最后部分有惊喜。

  13. Never summer says:

    @Leeiio
    哇好厲害 改過了~十分感謝~

  14. Never summer says:

    leeiio大大
    再次提一個問題
    更新過后的代碼用上之后
    在IE下點擊鏈接一直提示“loading”,必須再點擊一次才可以
    而在opera下面怎么點擊都一直出現“loading”
    FF和chrome下正常。

  15. Leeiio says:

    @Never summer
    已更新解决方法,但是我仍在困惑中。

  16. 熊猫 says:

    麻烦问下博主,如何过滤页面内不需要刷新的带#的链接。

  17. Leeiio says:

    @熊猫
    用jquery的话是a:not([href^=’#’],意思就是去掉#开头的href属性的a对象,如果想去掉包含#而不是开头#的话就用a:not([href*=’#’],可以看手册 http://jquery.leeiio.me

  18. Pingback: 首页添加页面载入中提示效果 » Life Studio

  19. zwwooooo says:

    哈,我的用时间控制新窗口打开后父页面复原,你的方法比我的好多了,直接CP你的好了,哈哈

  20. Elicip says:

    @zwwooooo
    哈,毕竟时间控制是个取巧的办法。

  21. 冰藤子 says:

    我也试试看~~~O(∩_∩)O哈哈~ 😮

  22. Pingback: 无折腾,不WP

  23. dioxide says:

    搞了半天是个flash啊 晕 呵呵

  24. blueandhack says:

    这些代码是放在哪里的?是头部吗?

  25. Pingback: 点击改变链接文本 - ReMind

  26. 你的 says:

    不错支持下啦

Leave a Reply

Your email address will not be published. Required fields are marked *