Tag Archives: Javascript

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

小把戲,並且這標題有點拗口,我很擔心你們看到標題就已經暈了,不過實現這個效果的方法倒是挺簡單的。 靈感來自牛逼的 Shawn,他博客上面的他自己的評論都是在左側加了空心的星星,但是他的最後回覆則是綠色的星星,這樣給訪客的感覺就是作者只回覆到了這裡,或者換種理解的意思就是“已閱到這個評論”,有點類似論壇裡面可能常看到的“已閱至此樓”的插件功能。當然你也可能會覺得這個功能無足輕重,但是我覺得還是挺有意思的,可以讓訪客知道作者有多久沒來過了,因為一般來說,看到自己的博客有人評論的話肯定會先回覆的吧。 本人的 jQuery 也都是些皮毛功夫,代碼寫得不好也見笑了,歡迎批評指正。 如果還不是很明白這個功能所表達的意思的話,你可以先看看下面這個截圖。

Posted in Skill | 技术 | 44 Comments

使用 Google CDN Host 的 Javascript Library 且升級到 jQuery 1.3.1

雖然這個已經不算是什麼新聞了,我相信很多人都已經在使用 Google CDN Host 的 Ajax Library。 使用 Google CDN Host 的好處很多,Google APIs 提供的 GZip 過的 Min 版,只有 18k,對用戶來說下載量更小,對一些不支持 Gzip 的把 jQuery Library 放在本地服務器的用戶來說無意是個福音,況且 Google 這樣的公司我想不是那麼容易當機的,穩定性是可以有保障的,透過他的 CDN(Content Delivery Network), 讓全球抓取此 Library 的速度都跟抓當地網站檔案一樣快。(更多好處可見 shawphy) 目前 Google Host 的 AJAX Library 有: … Continue reading

Posted in Skill | 技术 | 13 Comments

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

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

Posted in Skill | 技术 | 30 Comments

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

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

Posted in Skill | 技术 | 21 Comments

jQuery基礎教程(Learning jQuery)PDF檔無料下載!

最近在修煉jquery,對於對javascript一竅不通而又想寫出那些個javascript效果的我來說,jQuery無疑是很好的選擇。如果你還不知道jQuery為何物的話,推薦你google之。

Posted in Share | 分享发现 | 12 Comments