Kaie"s Blog 2.0 beta!
Back to "Top"

My Secret Notebook
 Show "Table of Contents"
Contact Me
Subscribe to my Posts feed
Subscribe to my Comments feed
My Flickr
Back to "Top"
My Secret Notebook
 Show "Table of Contents"
Contact Me
Subscribe to my Posts feed
Subscribe to my Comments feed
My Flickr

Wednesday, November 29, 2006

[Javascript] jQuery New Wave Javascript

真是個好東西呀,對於寫Javascript的人實在是一大福音!! 簡單而言就是,基本上他是一個javascript的library,可以幫助你用更簡單的方式撰寫Javascript,其主要特色就是利用特有的 Chainable method,支援CSS和XPath,可以將code寫得很簡單..又有效用,並且壓縮過後的code只有15Kb左右,相當的小,目前已經有許多Base on jQuery所開發的plugins囉...而且有很多功能都相當的迷人...XD 好想用呀~~但沒那麼多美國時間...

jQuery的作者有提到
jQuery is designed to change the way that you write Javascript.而且重點是要「quick and dirty」,果然coding的手法不外乎就是要「又快又髒」XD..
參考資料來源:
jQuery Official Website
jQuery Plugins :這裡好多寶呀,快去挖吧...


還有,去這Interface個站的demo裡頭和官方的Demo,點一點,你就可以jQuery所帶來的神奇功效囉..絕對讓你有足夠信心開出發自己的T(era)mail (better than G(iga)mail) XD....

Ex1:像我的Blog左邊的那一列小圖示:Top, Categories, Blog Archive, Message Board 這些小圖示點了之後,會用比較Smooth的方式捲動到所點的位置,就是利用jQuery + Plugins(來自interface)所完成的!!
Ex2:而右邊Sidebar中的每個widget的伸縮功能,就是利用jQuery中的slideToggle所完成的!!

架在Blogger上的Blog自由度就是夠高,而且以Google為後台,夠穩的啦~~不怕三不五時就掛點,Javascript看來可以多搞一點囉...^_^

5 Comments:

Who: .Riviera Class:
When: May 06, 2007 7:40 PM  

右邊Sidebar中的每個widget的伸縮功能,就是利用jQuery中的slideToggle所完成的!!

請問能寫個教學嗎?

Who: Tsung-Kai Chen Class:
When: May 07, 2007 12:26 AM  

To .Riviera:
咦…那是過去式了說,由於某些因素,現在已經換成使用Prototype這套Library了,但原理差不多,他的它網在 http://www.prototypejs.org/ ,至於教學恐怕沒那麼多時間,你直接看我的網頁原始碼就行了…照著貼就可以動了..

Who: .Riviera Class:
When: May 07, 2007 12:11 PM  

感謝您的指導!終於成功了!

Who: Tsung-Kai Chen Class:
When: May 07, 2007 1:58 PM  

To .Riviera:
小意思,別放在心上...^_^

Who: Yu,Ye Class:
When: May 20, 2012 9:12 AM  

貼了可是不會動,還搶了頂部導航欄的位置,爲什麽啊?