jQuery UI 实例

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）