jQuery UI 實(shí)例

jQuery UI 實(shí)例

交互（Interactions）

交互（Interactions）向任何元素添加基本的基于鼠標(biāo)的行為。您可以只通過(guò)短短的幾行代碼即可創(chuàng)建排序列表、縮放元素、拖放行為等等。交互（Interactions）也作用于更復(fù)雜的小部件和應(yīng)用程序。

• 拖動(dòng)（Draggable）
• 放置（Droppable）
• 縮放（Resizable）
• 選擇（Selectable）
• 排序（Sortable）

小部件（Widgets）

小部件（Widgets）有功能齊全的UI控件，使桌面應(yīng)用程序也具備Web應(yīng)用程序一樣豐富的功能。所有的小部件（Widgets）提供了一個(gè)核心，帶有定制行為的大量擴(kuò)展以及完整的主題支持。

• 折疊面板（Accordion）
• 自動(dòng)完成（Autocomplete）
• 按鈕（Button）
• 日期選擇器（Datepicker）
• 對(duì)話框（Dialog）
• 菜單（Menu）
• 進(jìn)度條（Progressbar）
• 滑塊（Slider）
• 旋轉(zhuǎn)器（Spinner）
• 標(biāo)簽頁(yè)（Tabs）
• 工具提示框（Tooltip）

特效（Effects）

特效（Effects）支持顏色動(dòng)畫和Class轉(zhuǎn)換，同時(shí)也提供了一些額外的Easings。另外，提供了一套完整的定制特效，供顯示和隱藏元素時(shí)或者只是添加一些視覺(jué)顯示時(shí)使用。

• 特效（Effect）
• 可見(jiàn)性（Visibility）
  • 顯示（Show）
  • 隱藏（Hide）
  • 切換（Toggle）
• Class 動(dòng)畫（Class Animation）
  • 添加 Class（Add Class）
  • 移除 Class（Remove Class）
  • 切換 Class（Toggle Class）
  • 轉(zhuǎn)換 Class（Switch Class）
• 顏色動(dòng)畫（Color Animation）

實(shí)用工具（Utilities）

jQuery UI使用實(shí)體工具（Utilities）來(lái)創(chuàng)建交互（interactions）和小部件（widgets）。

• 定位（Position）
• 部件庫(kù)（Widget Factory）