[转载]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 |