jQuery UI 實例
jQuery UI 提供了一組用戶界面交互、特效、小部件、實用工具及主題。通過實例演示、查看源代碼、創建主題、閱讀API 文檔,開始學習使用 jQuery UI。
交互(Interactions)
交互(Interactions)向任何元素添加基本的基於滑鼠的行為。您可以只通過短短的幾行代碼即可創建排序列表、縮放元素、拖放行為等等。交互(Interactions)也作用於更複雜的小部件和應用程序。
拖動(Draggable)
放置(Droppable)
縮放(Resizable)
選擇(Selectable)
排序(Sortable)
小部件(Widgets)
小部件(Widgets)有功能齊全的 UI 控制項,使桌面應用程序也具備 Web 應用程序一樣豐富的功能。所有的小部件(Widgets)提供了一個核心,帶有定製行為的大量擴展以及完整的主題支持。
摺疊面板(Accordion)
自動完成(Autocomplete)
按鈕(Button)
日期選擇器(Datepicker)
對話框(Dialog)
菜單(Menu)
進度條(Progressbar)
滑塊(Slider)
旋轉器(Spinner)
標籤頁(Tabs)
工具提示框(Tooltip)
特效(Effects)
特效(Effects)支持顏色動畫和 Class 轉換,同時也提供了一些額外的 Easings。另外,提供了一套完整的定製特效,供顯示和隱藏元素時或者只是添加一些視覺顯示時使用。
特效(Effect)
可見性(Visibility)
顯示(Show)
隱藏(Hide)
切換(Toggle)
Class 動畫(Class Animation)
添加 Class(Add Class)
移除 Class(Remove Class)
切換 Class(Toggle Class)
轉換 Class(Switch Class)
顏色動畫(Color Animation)
實用工具(Utilities)
jQuery UI 使用實體工具(Utilities)來創建交互(interactions)和小部件(widgets)。
定位(Position)
部件庫(Widget Factory)
※jQuery UI API 類別-特效核心(Effects Core)
TAG:程序員小新人學習 |