《UI设计》专题
-
jQuery UI API – 菜单部件（Menu Widget）
所属类别 小部件（Widgets） 用法 描述：带有鼠标和键盘交互的用于导航的可主题化菜单。 版本新增：1.9 菜单可以用任何有效的标记创建，只要元素有严格的父/子关系且每个条目都有一个锚。最常用的元素是无序列表（<ul>）： <ul id="menu"> <li><a href="#">Item 1</a></li> <li><a href="#">Item 2</a></li>
-
jQuery UI API – 按钮部件（Button Widget）
所属类别 小部件（Widgets） 用法 描述：可主题化的按钮和按钮集合。 版本新增：1.8 按钮部件（Button Widget）加强了标准表单元素的功能，比如按钮（button）、输入（input）、锚（anchor），用适当的悬停（hover）和激活（active）样式来主题化按钮。 除了基本的按钮，单选按钮和复选框（input 类型为 radio 和 checkbox）也可以转换为按钮。相
-
jQuery UI API – 插件桥（Widget Plugin Bridge）
所属类别 实用工具（Utilities） | 小部件（Widgets） 用法 描述：jQuery.widget.bridge() 方法是 jQuery 部件库（Widget Factory） 的一部分。它扮演着由 $.widget() 创建的对象和 jQuery API 之间的中介。jQuery.widget.bridge( name, constructor ) 参数 类型 类型 name St
-
jQuery UI API – 堆叠元素（Stacking Elements）
堆叠的或者移动到其他元素前面的小部件（Widgets）当放置到现实世界的页面中时经常面临挑战。通常通过简单地改变堆叠元素的 z-index 或者父元素来避免页面上的冲突。但是，jQuery UI 需要一个不需要手动改变 z-index 值的通用的解决方案。这是通过 ui-front class 来完成的，通常还伴随着堆叠组件上的 appendTo 选项。 ui-front class ui-fro
-
jQuery UI API – 鼠标交互（Mouse Interaction）
所属类别 交互（Interactions） | 实用工具（Utilities） 用法 描述：基本交互层。 依赖： 部件库（Widget Factory） 注释：与 jQuery.Widget 相似，鼠标交互的目的不是直接使用。这是一个纯粹给其他小部件继承用的基础层。该页面有添加到 jQuery.Widget 的文档，但是它包含了不能被覆盖的内部方法。公共的 API 是 _mouseStart()、
-
jQuery UI API – 转移特效（Transfer Effect）
所属类别 特效（Effects） 用法 描述：把一个元素的轮廓转移到另一个元素。transfer 参数 类型 描述 className String 转移的元素将接收的参数化的 class 名称。 to String jQuery 选择器，要转移到的元素。 当尝试两个元素之间的可视化交互时非常有用。 转移的元素本身带有 class ui-effects-transfer，其他的样式需要由您来定义，
-
jQuery UI API – 滑动特效（Slide Effect）
所属类别 特效（Effects） 用法 描述：把元素滑动出视区。slide 参数 类型 描述 默认值 direction String 特效的方向。可能的值："left"、"right"、"up"、"down"。 "both" distance Number 特效的距离。默认为元素的高度（height）还是宽度（width）取决于 direction 参数。可以设置为小于元素的宽度（width）/
-
jQuery UI API – 尺寸特效（Size Effect）
所属类别 特效（Effects） 用法 描述：调整元素尺寸到指定宽度和高度。size 参数 类型 描述 默认值 to Object 要调整到的高度和宽度。 origin Array 消失点。 [ "top", "left" ] scale String 元素的哪个区域将被调整尺寸："both"、"box"、"content"。当值为 "box" 时，调整元素的边框（border）和内边距（padd
-
jQuery UI API – 震动特效（Shake Effect）
所属类别 特效（Effects） 用法 描述：垂直或水平方向多次震动元素。 shake 参数 类型 描述 默认值 direction String "left" 或 "right" 的值将水平震动元素，"up" 或 "down" 的值将垂直震动元素。该值指定元素沿轴线移动时第一步的方向。 "left" distance Number 要震动的距离。 20 times Integer 要震动的次数。
-
jQuery UI API – 缩放特效（Scale Effect）
所属类别 特效（Effects） 用法 描述：按照某个百分比缩放元素。scale 参数 类型 描述 默认值 direction String 特效的方向。可能的值："both"、"vertical" 或 "horizontal"。 "both" origin Array 消失点。 [ "middle", "center" ] percent Number 要缩放到的百分比。 scale Strin
-
jQuery UI API – 跳动特效（Pulsate Effect）
所属类别 特效（Effects） 用法 描述：跳动特效（Pulsate Effect）通过跳动来隐藏或显示一个元素。pulsate 参数 类型 描述 默认值 times Integer 元素跳动的次数。当隐藏或显示时，会添加半个跳动。 5 实例 使用跳动特效（Pulsate Effect）切换一个 div。 <!doctype html> <html lang="en"> <head> <m
-
jQuery UI API – 膨胀特效（Puff Effect）
所属类别 特效（Effects） 用法 描述：通过在缩放元素的同时隐藏元素来创建膨胀特效（Puff Effect）。puff 参数 类型 描述 默认值 percent Number 要缩放到的百分比。 150 实例 使用膨胀特效（Puff Effect）切换一个 div。 <!doctype html> <html lang="en"> <head> <meta charset="utf-8
-
jQuery UI API – 突出特效（Highlight Effect）
所属类别 特效（Effects） 用法 描述：突出特效（Highlight Effect）通过首先改变背景颜色来隐藏或显示一个元素。highlight 参数 类型 描述 默认值 color String 动画期间使用的背景颜色。 "#ffff99" 实例 使用突出特效（Highlight Effect）切换一个 div。 <!doctype html> <html lang="en"> <hea
-
jQuery UI API – 折叠特效（Fold Effect）
所属类别 特效（Effects） 用法 描述：折叠特效（Fold Effect）通过折叠元素来隐藏或显示一个元素。fold 参数 类型 描述 默认值 size Number 或 String 被折叠元素的尺寸。 15 horizFirst Boolean 当折叠时是否先进行水平方向的折叠。请记得，显示的时候与隐藏的时候顺序相反。 false 实例 使用折叠特效（Fold Effect）切换一个 d
-
jQuery UI API – 爆炸特效（Explode Effect）
所属类别 特效（Effects） 用法 描述：爆炸特效（Explode Effect）通过把元素裂成碎片来隐藏或显示一个元素。explode 参数 类型 描述 默认值 pieces Integer 爆炸裂开的碎片数目，应该是个平方数，任何其他值被舍入到最近的平方数。 9 实例 使用爆炸特效（Explode Effect）切换一个 div。 <!doctype html> <html lang="