RSS Top Foot Twitter

分类为 'My Works' 的文章列表:

用 jQuery 實現的 WordPress 標註作者的最後評論回覆

小把戲,並且這標題有點拗口,我很擔心你們看到標題就已經暈了,不過實現這個效果的方法倒是挺簡單的。

靈感來自牛逼的 Shawn,他博客上面的他自己的評論都是在左側加了空心的星星,但是他的最後回覆則是綠色的星星,這樣給訪客的感覺就是作者只回覆到了這裡,或者換種理解的意思就是“已閱到這個評論”,有點類似論壇裡面可能常看到的“已閱至此樓”的插件功能。當然你也可能會覺得這個功能無足輕重,但是我覺得還是挺有意思的,可以讓訪客知道作者有多久沒來過了,因為一般來說,看到自己的博客有人評論的話肯定會先回覆的吧。

本人的 jQuery 也都是些皮毛功夫,代碼寫得不好也見笑了,歡迎批評指正。

如果還不是很明白這個功能所表達的意思的話,你可以先看看下面這個截圖。
Continue reading…

用jQuery控制網頁內容的加載順序

用jQuery控制網頁內容的加載順序并SEO你的頁面
早前,在 5key 的博客上看到了一篇关于頁面头部最後加載的文章,覺得這是一個非常有意義的做法,突然想起來 Shawn 的網站的頭部也是最後加載的,但是他似乎不是用的絕對定位的方法。

讓頁面頭部最後加載,說到底就是控制網頁內容的加載順序,好處 5key 已經在他的博文里提過了,但是我覺得好處不單單是他提到的那些,我再歸納一下吧。因為考慮到你的網頁可能會調用很多外部的 js 文件,主要來自與各大服務商的各大服務調用,比如 Feedsky 的訂閱數圖標,比如一款叫做鲜果推荐按钮的 WP 插件(以前我的 blog 經常因為鮮果網站當機而導致加載卡在一個地方好久下不來),又比如現在很流行的 Twitter 的 Api 輸出狀態信息以及 google friend connect 的掛件等等等諸如此類的服務,因為都是外部調用的,誰也無法保證服務商隨時當機的可能性。而同時我們又知道網頁默認的加載順序都是從上至下加載的。所以這時候通過 css 絕對定位那些外部調用的服務就顯得很有用處,把那些調用寫到網頁的底部去,這樣網頁加載的時候就不會卡住了,然後通過 css 的 position:absolute 絕對定位到網頁的顯示位置去,此法不錯,這時候 Evance 同學說話了,他認為 css 的絕對定位不應該被用作排版而该用来结构内容,我的觀點是絕對定位雖然定位很精確,但是如果你需要定位的那些東西都是很零散地分佈在網頁各處的話,我想這有得你忙的了。

當然改變網頁內容的加載順序的好處還沒有說完,他同時也可以 SEO 你的頁面,可能有些同學已經抱著這個目的在各自的網站實施了,對那些還沒明白過來的同學們我這里就說說吧。
Continue reading…

MacZine In Jan 30TH, 2009

maczine
一切激動人心盡在麥客航班
同時,歡迎踴躍投稿。

放飛你的MAC

flymac

任何的平鋪直敘都抵不住你我的激動人心以及非比尋常。
LOGO V1成品,此致敬礼。
敬请期待。

PHP判斷客戶端瀏覽器的語言,加強後續用戶體驗

PHP判斷客戶端瀏覽器的語言,加強後續用戶體驗

因為本站使用的是繁體漢字,而我們大陸的大部分人都是使用的簡體漢字,所以我在頂端導航處加了“繁簡切換”功能。考慮到更好的用戶體驗,所以我決定在正文部分加上一些警示文字。但是呢,如果來訪的用戶如果是台灣或者香港地區的,那麼警示文字顯得有些多餘且沒必要,所以需要對其進行語言判斷。網上很多用到的方法大都是對來訪的ip進行判斷,但是如果用戶使用了代理或者在外等一些情況,那麼可能會顯得有些不准確。所以我考慮了下通過瀏覽器的語言設置進行判斷,雖然說不能排除某一小部分人可能喜歡用英文的語言設置,但是大部分還是奏效的。

Continue reading…

jQuery滑動伸縮導航改善你的側邊欄

你是否覺得你的WordPress的側邊欄過長,你是否覺得有些欄目不需要直接就顯示出來,或者你純粹的出於覺得想要個酷一點的側邊欄,這些都有助於你網站給訪問者友好得視覺體驗。當然,想要達到那樣的目的方法有很多種,如果你的側邊欄夠寬,你可以讓他以Tab方式切換,當然,因為我的側邊欄沒有那麼寬,那樣顯示的話可能不好看,於是我選擇了伸縮類型的效果。需要懂javascript吧?不好意思,本人目前還不懂javascript。那咋辦?涼拌~其實,不懂javascript依舊可以寫出javascript的效果。那個小朋友等不及要說出來了。沒錯,就是jQuery,本人也是今天才開始學習jQuery的,之前對此是七竅通了六竅。關於jQuery還不知道是啥的,我推薦你們還是google之吧。想要入門學習jQuey的,推薦先看看這個

Continue reading…

  1. Page 1 of 5
  2. 1
  3. 2
  4. 3
  5. 4
  6. 5
  7. All
    Follow us on Twitter