當前位置:
首頁 > 知識 > jQuery UI 實例

jQuery UI 實例

jQuery UI 提供了一組用戶界面交互、特效、小部件、實用工具及主題。通過實例演示、查看源代碼、創建主題、閱讀API 文檔,開始學習使用 jQuery UI。

交互(Interactions)

交互(Interactions)向任何元素添加基本的基於滑鼠的行為。您可以只通過短短的幾行代碼即可創建排序列表、縮放元素、拖放行為等等。交互(Interactions)也作用於更複雜的小部件和應用程序。

  • 拖動(Draggable)

  • 放置(Droppable)

  • 縮放(Resizable)

  • 選擇(Selectable)

  • 排序(Sortable)

jQuery UI 實例

小部件(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:程序員小新人學習 |