JQuery javascript library

為了讓網頁能有更多的使用者互動性,使用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的部份功能,還有許多的功能等待大家來找尋囉!



无觅相关文章插件,快速提升流量

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *

*