jquery 神一樣的插件制作 10幾種常用網頁特效 只有4.5K大小

jQuery.Switchable是一款整合了Tabs、Slide、Scrollable等常見UI組件的jQuery插件。它有簡單易用的API、可靈活配置的Configuration，支持自定義Effect，支持自主開發Plugin。

 

下面是jQuery.Switchable的演示下載地址：http://www.17sucai.com/pins/319.html

 

 

下面是jQuery.Switchable的幾個亮點：

 

1. 在當前 trigger 中 mouseenter/mouseleave, click 不觸發
2. 鼠標快速滑過非當前 trigger, 不觸發
3. mouseenter 到非當前 trigger, 停留時間到達延遲時，觸發
4. click trigger/panel, 立即觸發
5. beforeSwitch/onSwitch 事件的觸發
6. panel 內的錨鏈觸發
7. 無法獲取 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