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基础示例

  • 同程学院特效组合应用示例

  • 同一页面使用多个效果示例

  • 双重Tab(slide组合)

  • Tab+无缝滚动(slide组合)

  • 图片导航焦点图

X

^回到顶部 1书签切换 2幻灯片 3图片滚动-左 4图片滚动-上 5图片无缝滚动-左 6图片无缝滚动-上 7文字滚动-左 8文字滚动-上 9文字无缝滚动-左 10文字无缝滚动-上 11常用导航 [v2.1] 12手风琴 [v2.1] T1其它基础效果