自訂你的 jQuery UI

日期：

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

進入後可以在這邊勾選你要的項目，如下圖我右手邊框起來的地方可以選擇樣式的套版

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

留言

張貼留言