Mikel
[转载]jquery 神一样的插件制作 10几种常用网页特效 只有4.5K大小 – jsfoot.com 网页特效 – 博客园.
JQuery.Switchable是一款整合了Tabs、Slide、Scrollable等常见UI组件的JQuery插件。它有简单易用的API、可灵活配置的Configuration，支持自定义Effect，支持自主开发Plugin。
下面是jQuery.Switchable的演示下载地址：http://www.jsfoot.com/jquery/demo/2012-04-07/534.html
下面是jQuery.Switchable的几个亮点：
- 在当前 trigger 中 mouseenter/mouseleave, click 不触发
- 鼠标快速滑过非当前 trigger, 不触发
- mouseenter 到非当前 trigger, 停留时间到达延迟时，触发
- click trigger/panel, 立即触发
- beforeSwitch/onSwitch 事件的触发
- panel 内的锚链触发
- 无法获取 trigger 时，自动创建 trigger
下面是jQuery.Switchable的调用参数：
| property | default | description |
|---|---|---|
| triggers | “a” | 触点，默认是<a>标签 |
| currentCls | “current” | 当前触点的className |
| initIndex | 0 | 默认激活项 |
| triggerType | “mouse” | 触发类型，还可以是”click” |
| delay | .1 | 触发延迟，单位是秒。默认值即100毫秒 |
| effect | “default” | 切换效果。内置效果有： “default”：最简单的显/隐效果 “ajax”：AJAX动态加载 Panel 的内容 你还可以自己动手制作 Effect |
| steps | 1 | 每次切换的 Panel 数量 |
| visible | 1 | 可见区域的 Panel 数量 |
| speed | .7 | 动画步时，单位是秒。默认值即700毫秒 |
| easing | “swing” | 动画效果 |
| circular | false | 循环 |
| vertical | false | 纵向切换 |
| panelSwitch | false | 点击 Panels 触发 |
| beforeSwitch | null | 触发前的 Callback |
| onSwitch | null | 触发时的 Callback |
| api | false | jQuery.Switchable默认返回的是jQuery对象。当该属性设置为 true 时，将返回 JavaScript API |
