改善網站體驗小細節,點擊改變鏈接的文本!

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 to Donald Cancel reply

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