jQuery UI 实例

🌙
手机阅读
本文目录结构

jQuery UI 实例

jQuery UI 提供了一组用户界面交互、特效、小部件、实用工具及主题。通过实例演示、查看源代码、[创建主题(http://jqueryui.com/themeroller/)、阅读[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)


AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili

关注我: Github / 知乎

目前重心已经放在研究区块链上面了

我叫朱安邦,阿西河的站长

目前在杭州从事区块链周边的开发工作,机械专业,以前从事平面设计工作。

2014年底脱产在老家自学6个月的前端技术,自学期间几乎从未出过家门,最终找到了满意的前端工作。更多>