jquery 神人一样的插件制作 10几种常用网页特效 只有4.5K大小
jquery 神一样的插件制作 10几种常用网页特效 只有4.5K大小jQuery.Switchable是一款整合了Tabs、Slide、Scro
jquery 神一样的插件制作 10几种常用网页特效 只有4.5K大小
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的调用参数:
?
propertydefaultdescriptiontriggers"a"触点,默认是<a>标签currentCls"current"当前触点的classNameinitIndex0默认激活项triggerType"mouse"触发类型,还可以是"click"delay.1触发延迟,单位是秒。默认值即100毫秒effect"default"切换效果。内置效果有:
"default":最简单的显/隐效果
"ajax":AJAX动态加载 Panel 的内容
你还可以自己动手制作 Effectsteps1每次切换的 Panel 数量visible1可见区域的 Panel 数量speed.7动画步时,单位是秒。默认值即700毫秒easing"swing"动画效果circularfalse循环verticalfalse纵向切换panelSwitchfalse点击 Panels 触发beforeSwitchnull触发前的 CallbackonSwitchnull触发时的 Callbackapifalse
jQuery.Switchable默认返回的是jQuery对象。当该属性设置为 true 时,将返回 JavaScript API