發表文章

目前顯示的是 一月, 2012的文章

自訂你的 jQuery UI

圖片
在編輯網頁的時候,我們常常會用到jQuery來作為實現AJAX效果的輔助工具。而jQuery中最著名且最常用的不外就是jQuery UI了。
jQuery UI在官方網站中有提供各種常用的widgets
Autocomplete(input自動完成)Accordion(收合式選單及內容 這個適合做Q&A)button(裡面很多效果的button樣式) Datepicker(下拉日期選單) 快速製作日期選單 -jQuery UI datepickerDialog(alert的美化樣式?) Progressbar(百分比bar) Slider(利用拉bar的方式選擇數字及範圍) Tabs(這個不解釋了、就是tabs) 這麼多種不同的樣式應該可以滿足"基本"的網站頁面需求啦!不過這些東西如果樣式沒有統一的話那麼頁面應該會一整個怪異吧!這時候就要用到自訂項目下載的方式瞜! 如下圖所示:選擇右手邊的 Build 就可以進入編輯下載樣式和功能的頁面(其實點選Download也是進到這裡啦)
進入後可以在這邊勾選你要的項目,如下圖我右手邊框起來的地方可以選擇樣式的套版

如果你對他預設的套版有意見,想要自己設計或是你根本不知道那些套版長什麼樣子。你可以點選design a custom theme這個連結可以讓你做很多的細部修正和即時預覽,可以讓你玩到爽以後再下載。 參考資料
jQuery UI 官方網站jQuery UI 入門