自訂你的 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這個連結可以讓你做很多的細部修正和即時預覽,可以讓你玩到爽以後再下載。

留言

這個網誌中的熱門文章

讓 PHP 接收 post 的 json 資料

PHPExcel 用PHP匯出成EXCEL

解決PHP JSON 中文亂碼的問題