# Effects # Effects jQuery UI 在jQuery 内置的特效上[添加了一些功能](api.jquery.com/category/effects)。jQuery UI 支持颜色动画和 Class 转换，同时也提供了一些额外的 [Easings](easings)。另外，提供了一套完整的定制特效，供显示和隐藏元素时或者只是添加一些视觉显示时使用。 Also in: [Effects Core](http://www.css88.com/jquery-ui-api/category/effects-core/ "View all posts in Effects Core") | [Method Overrides](http://www.css88.com/jquery-ui-api/category/overrides/ "View all posts in Method Overrides") ## .addClass() 当动画样式改变时，为匹配的元素集合内的每个元素添加指定的 Class。 ## Blind Effect 百叶窗特效（Blind Effect）通过将元素包裹在一个容器内，采用"拉百叶窗"效果来隐藏或显示元素。 ## Bounce Effect 反弹特效（Bounce Effect）反弹一个元素。当与隐藏或显示一起使用时，最后一次或第一次反弹会呈现淡入/淡出效果。 ## Clip Effect 剪辑特效（Clip Effect）通过垂直或水平方向夹剪元素来隐藏或显示一个元素。 ## Color Animation 使用 .animate() 实现颜色动画效果。 ## Drop Effect 降落特效（Drop Effect）通过单个方向滑动的淡入淡出来隐藏或显示一个元素。 ## Easings Easing 函数指定动画在不同点上的行进速度。 Also in: [Effects Core](http://www.css88.com/jquery-ui-api/category/effects-core/ "View all posts in Effects Core") | [Methods](http://www.css88.com/jquery-ui-api/category/methods/ "View all posts in Methods") ## .effect() 对一个元素应用动画特效。 ## Explode Effect 爆炸特效（Explode Effect）通过把元素裂成碎片来隐藏或显示一个元素。 ## Fade Effect 淡入淡出特效（Fade Effect）通过淡入淡出元素来隐藏或显示一个元素。 ## Fold Effect 折叠特效（Fold Effect）通过折叠元素来隐藏或显示一个元素。 Also in: [Effects Core](http://www.css88.com/jquery-ui-api/category/effects-core/ "View all posts in Effects Core") | [Method Overrides](http://www.css88.com/jquery-ui-api/category/overrides/ "View all posts in Method Overrides") | [Methods](http://www.css88.com/jquery-ui-api/category/methods/ "View all posts in Methods") ## .hide() 使用自定义效果来隐藏匹配的元素。 ## Highlight Effect 突出特效（Highlight Effect）通过首先改变背景颜色来隐藏或显示一个元素。 ## Puff Effect 通过在缩放元素的同时隐藏元素来创建膨胀特效（Puff Effect）。 ## Pulsate Effect 跳动特效（Pulsate Effect）通过跳动来隐藏或显示一个元素。 Also in: [Effects Core](http://www.css88.com/jquery-ui-api/category/effects-core/ "View all posts in Effects Core") | [Method Overrides](http://www.css88.com/jquery-ui-api/category/overrides/ "View all posts in Method Overrides") ## .removeClass() 当动画样式改变时，为匹配的元素集合内的每个元素移除指定的 Class。 ## Scale Effect 按照某个百分比缩放元素。 ## Shake Effect 垂直或水平方向多次震动元素。 Also in: [Effects Core](http://www.css88.com/jquery-ui-api/category/effects-core/ "View all posts in Effects Core") | [Method Overrides](http://www.css88.com/jquery-ui-api/category/overrides/ "View all posts in Method Overrides") | [Methods](http://www.css88.com/jquery-ui-api/category/methods/ "View all posts in Methods") ## .show() 使用自定义效果来显示匹配的元素。 ## Size Effect 调整元素尺寸到指定宽度和高度。 ## Slide Effect 把元素滑动出视区。 Blind EffectAlso in: [Effects Core](http://www.css88.com/jquery-ui-api/category/effects-core/ "View all posts in Effects Core") ## .switchClass() 当动画样式改变时，为匹配的元素集合内的每个元素添加和移除指定的 Class。 Also in: [Effects Core](http://www.css88.com/jquery-ui-api/category/effects-core/ "View all posts in Effects Core") | [Method Overrides](http://www.css88.com/jquery-ui-api/category/overrides/ "View all posts in Method Overrides") | [Methods](http://www.css88.com/jquery-ui-api/category/methods/ "View all posts in Methods") ## .toggle() 使用自定义效果来显示或隐藏匹配的元素。 Also in: [Effects Core](http://www.css88.com/jquery-ui-api/category/effects-core/ "View all posts in Effects Core") | [Method Overrides](http://www.css88.com/jquery-ui-api/category/overrides/ "View all posts in Method Overrides") ## .toggleClass() 当动画样式改变时，根据 Class 是否存在以及 switch 参数的值，为匹配的元素集合内的每个元素添加或移除一个或多个 Class。 ## Transfer Effect 把一个元素的轮廓转移到另一个元素。