现场直播勇士爵士球赛

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});

11. 導航

12.0-導航

常用參數(切換看看)
效果[effect]: 效果速度[delayTime]:
延遲觸發[triggerTime]: 默認執行[defaultPlay]:
返回默認[returnDefault]: 緩動效果[easing]:

當前調用代碼:jQuery("#nav").slide({ type:"menu", titCell:".nLi", targetCell:".sub"});

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組合)

  • 圖片導航焦點圖

X

^回到頂部 1書簽切換 2幻燈片 3圖片滾動-左 4圖片滾動-上 5圖片無縫滾動-左 6圖片無縫滾動-上 7文字滾動-左 8文字滾動-上 9文字無縫滾動-左 10文字無縫滾動-上 11常用導航 [v2.1] 12手風琴 [v2.1] T1其它基礎效果
现场直播勇士爵士球赛