牛骨文教育服务平台(让学习变的简单)

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)