jQuery UI 实例

jQuery UI 教程 · 2019-04-04 19:57:50

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 教程 文章: https://codercto.com/courses/l/41.html

查看所有标签

About Face 3

About Face 3

Alan Cooper、Robert Reimann、David Cronin / John Wiley & Sons / 2007-5-15 / GBP 28.99

* The return of the authoritative bestseller includes all new content relevant to the popularization of how About Face maintains its relevance to new Web technologies such as AJAX and mobile platforms......一起来看看 《About Face 3》 这本书的介绍吧!

在线进制转换器
在线进制转换器

各进制数互转换器

Markdown 在线编辑器
Markdown 在线编辑器

Markdown 在线编辑器

HEX HSV 转换工具
HEX HSV 转换工具

HEX HSV 互换工具