jQuery.Switchable是一款整合了Tabs、Slide、Scrollable等常见UI组件的jQuery插件。它有简单易用的API、可灵活配置的Configuration,支持自定义Effect,支持自主开发Plugin。
下面是jQuery.Switchable的演示下载地址:http://www.17sucai.com/pins/319.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 |





浙公网安备 33010602011771号