1. 標簽切換 / 書簽切換 / 默認效果
1.0-標簽切換
| 常用參數(切換看看) | |||
| 效果[effect]: | 自動運行[autoPlay]: | ||
| 觸發方式[trigger]: | 緩動效果[easing]: | ||
| 效果速度[delayTime]: | 前后按鈕循環[pnLoop]: | ||
當前調用代碼：jQuery(".slideTxtBox").slide({});
注意：緩動效果對于fade影響不大;不同緩動效果設置適當“效果速度”，會有最佳效果。
2. 焦點圖 / 幻燈片
2.0-焦點圖/幻燈片
| 常用參數(切換看看) | |||
| 效果[effect]: | 自動運行[autoPlay]: | ||
| 觸發方式[trigger]: | 緩動效果[easing]: | ||
| 效果速度[delayTime]: | 停止播放[mouseOverStop]: | ||
| 前后按鈕循環[pnLoop]: | |||
當前調用代碼：jQuery(".slideBox").slide({mainCell:".bd ul"});
注意：緩動效果對于fade影響不大;不同緩動效果設置適當“效果速度”，會有最佳效果。
3. 圖片滾動-左
3.0-圖片滾動-左
| 常用參數(切換看看) | |||
| 效果[effect]: | 自動運行[autoPlay]: | ||
| 滾動個數[scroll]: | 可視個數[vis]: | ||
| 緩動效果[easing]: | 效果速度[delayTime]: | ||
| 前后按鈕循環[pnLoop]: | 觸發方式[trigger]: | ||
| 停止播放[mouseOverStop]: | |||
當前調用代碼：jQuery(".picScroll-left").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true});
注意1：不同緩動效果設置適當“效果速度”，會有最佳效果。
注意2：現在是全按鈕開啟情況，不需要按鈕的時候，只要刪除按鈕html或者隱藏即可。
4. 圖片滾動-上
4.0-圖片滾動-上
| 常用參數(切換看看) | |||
| 效果[effect]: | 自動運行[autoPlay]: | ||
| 滾動個數[scroll]: | 可視個數[vis]: | ||
| 緩動效果[easing]: | 效果速度[delayTime]: | ||
| 前后按鈕循環[pnLoop]: | 觸發方式[trigger]: | ||
| 停止播放[mouseOverStop]: | |||
當前調用代碼：jQuery(".picScroll-top").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true});
注意1：不同緩動效果設置適當“效果速度”，會有最佳效果。
注意2：現在是全按鈕開啟情況，不需要按鈕的時候，只要刪除按鈕html或者隱藏即可。
5. 圖片無縫滾動-左
5.0-圖片無縫滾動-左
| 常用參數(切換看看) | |||
| 效果[effect]: | 可視個數[vis]: | ||
| 運行速度[interTime]: | 默認反方向運動[opp]: | ||
| 前后按鈕循環[pnLoop]: | 觸發方式[trigger]: | ||
| 停止播放[mouseOverStop]: | |||
當前調用代碼：jQuery(".picMarquee-left").slide({mainCell:".bd ul",autoPlay:true});
6. 圖片無縫滾動-上
6.0-圖片無縫滾動-上
| 常用參數(切換看看) | |||
| 效果[effect]: | 可視個數[vis]: | ||
| 運行速度[interTime]: | 默認反方向運動[opp]: | ||
| 前后按鈕循環[pnLoop]: | 觸發方式[trigger]: | ||
| 停止播放[mouseOverStop]: | |||
當前調用代碼：jQuery(".picMarquee-top").slide({mainCell:".bd ul",autoPlay:true});
7. 文字滾動-左
7.0-文字滾動-左
| 常用參數(切換看看) | |||
| 效果[effect]: | 自動運行[autoPlay]: | ||
| 滾動個數[scroll]: | 可視個數[vis]: | ||
| 緩動效果[easing]: | 效果速度[delayTime]: | ||
| 前后按鈕循環[pnLoop]: | 觸發方式[trigger]: | ||
| 停止播放[mouseOverStop]: | |||
當前調用代碼：jQuery(".txtScroll-left").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true});
注意1：不同緩動效果設置適當“效果速度”，會有最佳效果。
注意2：現在是全按鈕開啟情況，不需要按鈕的時候，只要刪除按鈕html或者隱藏即可。
8. 文字滾動-上
8.0-文字滾動-上
| 常用參數(切換看看) | |||
| 效果[effect]: | 自動運行[autoPlay]: | ||
| 滾動個數[scroll]: | 可視個數[vis]: | ||
| 緩動效果[easing]: | 效果速度[delayTime]: | ||
| 前后按鈕循環[pnLoop]: | 觸發方式[trigger]: | ||
| 停止播放[mouseOverStop]: | |||
當前調用代碼：jQuery(".txtScroll-top").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true});
注意1：不同緩動效果設置適當“效果速度”，會有最佳效果。
注意2：現在是全按鈕開啟情況，不需要按鈕的時候，只要刪除按鈕html或者隱藏即可。
9. 文字無縫滾動-左
9.0-文字無縫滾動-左
| 常用參數(切換看看) | |||
| 效果[effect]: | 可視個數[vis]: | ||
| 運行速度[interTime]: | 默認反方向運動[opp]: | ||
| 前后按鈕循環[pnLoop]: | 觸發方式[trigger]: | ||
| 停止播放[mouseOverStop]: | |||
當前調用代碼：jQuery(".txtMarquee-left").slide({mainCell:".bd ul",autoPlay:true});
10. 文字無縫滾動-上
10.0-文字無縫滾動-上
| 常用參數(切換看看) | |||
| 效果[effect]: | 可視個數[vis]: | ||
| 運行速度[interTime]: | 默認反方向運動[opp]: | ||
| 前后按鈕循環[pnLoop]: | 觸發方式[trigger]: | ||
| 停止播放[mouseOverStop]: | |||
當前調用代碼：jQuery(".txtMarquee-top").slide({mainCell:".bd ul",autoPlay:true});
12. 手風琴
13.0-手風琴
| 常用參數(切換看看) | |||
| 效果[effect]: | 效果速度[delayTime]: | ||
| 觸發方式[trigger]: | 延遲觸發[triggerTime]: | ||
| 默認執行[defaultPlay]: | 返回默認[returnDefault]: | ||
| 緩動效果[easing]: | |||
當前調用代碼：jQuery(".sideMen").slide({titCell:"h3", targetCell:"ul",defaultIndex:1});
T1. 其它基礎效果
-
多行滾動基礎示例
-
多列滾動基礎示例
-
targetCell基礎示例
-
SuperSlide組合應用基礎示例
-
同一頁面使用多個效果示例
-
雙重Tab（slide組合）
-
Tab+無縫滾動（slide組合）
-
圖片導航焦點圖