為了讓網頁能有更多的使用者互動性,使用ajax的網頁越來越多了,最近看到一些網頁是使用JQuery這個libraray(framwork)來達成這個目的。
使用JQuery之後,就可以達成Flash的轉場效果,動態的輪播,其實效果還不懶。另外JQuery還有Datepick的plugin,之前我比較呆,都是收集年月日之後再判斷這個日期的合理性,假設,2月31日,這個日期不存在,在DatePick在選單中就不會出現。差點忘了說一點,裡面有多國語系,讓日本人可以選到金木水火土日月,中國人可以選到星期一到星期天。展示網址在這裡。
那時間呢?也有相對於的javascrpt,這隻工具叫Yet Another Timepicker,這隻介面蠻可愛的,而且很直覺,我還蠻喜歡這隻plugin。展示網址在這裡。
至於表單欄位空白檢查,我原本也想用javascript來處理,在網路上找了一堆,多少都有些問題,結果我看到有網友說使用DreamWeaver就可以達成,果不其然,IE和Firefox都可以順利執行,用了DW這麼久了,現在才會這個功能,實在有些汗顏。在JQuery中也有這樣的功能,plugin的名字是JQuery validation Plugin,展示網址在這裡。
那麼,可以限定輸入的種類或是格式嗎?答案是可以的,JQuery一樣有Plugin,名稱叫作Masked Input Plugin,要輸入電話,信用卡卡號,姓名等等,都有這樣輸人的需求,蠻實用的。展示網址在這裡。
假設我們有註冊會員的需求 ,而會員的名稱是key值的時候,那麼,在輸入時就檢查帳號是否存在是有必要的,JQuery中也有對應的plugin,名稱叫作ajax username checker。展示網址在這裡。
有時候填表,最怕使用者不知道怎麼填,到時給你亂填,那可就累了,除了上面限制格式的做法之外,也可以提供一些說明,在focus在某一個field(list/check bar/redio button)時,會自動出現提示,那最好不過了。當然JQuery也有這方面的功能,展示網址在這裡。
當然你要送出表單之後,再送出七殺令(天生萬物以…..),告訴使用者那裡錯了,那裡漏填,當然這對JQuery也是一塊蛋糕而以(a piece of cake.),展示網址在這裡,主網頁在這裡。
好了,看完表單之後,那來看圖片好了,圖片處理的功能,也是很強悍的。下面是一個例子,展示網址在這裡。
先選小圖
點下小圖之後,放大成大圖,並且可以允許切換
如果你不喜歡這樣的效果,當然JQuery的插件不會讓你失望的,還有其他的plugin可以,展示網址在這裡。
當然如果未因為這樣就滿足的話,那麼這裡還有另一種展示效果。 這個效果類似電視轉台的效果。自已按下編號,圖片就開始切換。
以上,只是JQuery的部份功能,還有許多的功能等待大家來找尋囉!
隨機文章
- 老王同學會的Bug? (2009-04-10)
- Chrome browser mand a you a lot of 404 error. (2011-09-20)
- 用壓力鍋做紅豆西米露 (2011-10-05)
- 腐乳空心菜+茄汁炒飯 (2011-10-03)
- BPR:手術刀還是消炎藥? (2007-11-03)