SuperSlide V2.0 - 基础效果 [参数设置参考]

1、标签切换 / 书签切换 / 默认效果

1.0-标签切换

常用参数(切换看看)
效果[effect]: 自动运行[autoPlay]:
触发方式[trigger]: 缓动效果[easing]:
效果速度[delayTime]:

当前调用代码:jQuery(".slideTxtBox").slide({});

注意:缓动效果对于fade影响不大;不同缓动效果设置适当“效果速度”,会有最佳效果。

2、焦点图 / 幻灯片

2.0-焦点图/幻灯片

常用参数(切换看看)
效果[effect]: 自动运行[autoPlay]:
触发方式[trigger]: 缓动效果[easing]:
效果速度[delayTime]:

当前调用代码:jQuery(".slideBox").slide({mainCell:".bd ul"});

注意:缓动效果对于fade影响不大;不同缓动效果设置适当“效果速度”,会有最佳效果。

3、图片滚动-左

3.0-图片滚动-左

常用参数(切换看看)
效果[effect]: 自动运行[autoPlay]:
滚动个数[scroll]: 可视个数[vis]:
缓动效果[easing]: 效果速度[delayTime]:

当前调用代码:jQuery(".picScroll-left").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true});

注意1:不同缓动效果设置适当“效果速度”,会有最佳效果。
注意2:现在是全按钮开启情况,不需要按钮的时候,只要删除按钮html或者隐藏即可。

4、图片滚动-上

4.0-图片滚动-上

常用参数(切换看看)
效果[effect]: 自动运行[autoPlay]:
滚动个数[scroll]: 可视个数[vis]:
缓动效果[easing]: 效果速度[delayTime]:

当前调用代码:jQuery(".picScroll-top").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true});

注意1:不同缓动效果设置适当“效果速度”,会有最佳效果。
注意2:现在是全按钮开启情况,不需要按钮的时候,只要删除按钮html或者隐藏即可。

5、图片无缝滚动-左

5.0-图片无缝滚动-左

常用参数(切换看看)
效果[effect]: 可视个数[vis]:
运行速度[interTime]: 默认反方向运动[opp]:

当前调用代码:jQuery(".picMarquee-left").slide({mainCell:".bd ul",autoPlay:true});

6、图片无缝滚动-上

6.0-图片无缝滚动-上

常用参数(切换看看)
效果[effect]: 可视个数[vis]:
运行速度[interTime]: 默认反方向运动[opp]:

当前调用代码:jQuery(".picMarquee-top").slide({mainCell:".bd ul",autoPlay:true});

7、文字滚动-左

7.0-文字滚动-左

常用参数(切换看看)
效果[effect]: 自动运行[autoPlay]:
滚动个数[scroll]: 可视个数[vis]:
缓动效果[easing]: 效果速度[delayTime]:

当前调用代码:jQuery(".txtScroll-left").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true});

注意1:不同缓动效果设置适当“效果速度”,会有最佳效果。
注意2:现在是全按钮开启情况,不需要按钮的时候,只要删除按钮html或者隐藏即可。

8、文字滚动-上

8.0-文字滚动-上

常用参数(切换看看)
效果[effect]: 自动运行[autoPlay]:
滚动个数[scroll]: 可视个数[vis]:
缓动效果[easing]: 效果速度[delayTime]:

当前调用代码:jQuery(".txtScroll-top").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true});

注意1:不同缓动效果设置适当“效果速度”,会有最佳效果。
注意2:现在是全按钮开启情况,不需要按钮的时候,只要删除按钮html或者隐藏即可。

9、文字无缝滚动-左

9.0-文字无缝滚动-左

常用参数(切换看看)
效果[effect]: 可视个数[vis]:
运行速度[interTime]: 默认反方向运动[opp]:

当前调用代码:jQuery(".txtMarquee-left").slide({mainCell:".bd ul",autoPlay:true});

10、文字无缝滚动-上

10.0-文字无缝滚动-上

常用参数(切换看看)
效果[effect]: 可视个数[vis]:
运行速度[interTime]: 默认反方向运动[opp]:

当前调用代码:jQuery(".txtMarquee-top").slide({mainCell:".bd ul",autoPlay:true});

11、其它基础效果

  • 多行滚动基础示例

  • 多列滚动基础示例

  • targetCell基础示例

  • SuperSlide组合应用基础示例

0top 1书签切换 2幻灯片 3图片滚动-左 4图片滚动-上 5图片无缝滚动-左 6图片无缝滚动-上 7文字滚动-左 8文字滚动-上 9文字无缝滚动-左 10文字无缝滚动-上 11其它基础效果

科e互联网页特效集锦---更多特效请访问 www.internetke.com

本站导航: 网站建设 | 网页素材 | 网页特效 | 设计分享 | 建站教程 | 网站模版 | 酷站赏析

*尊重他人劳动成果,转载请自觉注明出处!注:此代码为【科e整理/原创特效】仅供学习交流,请勿用于商业用途。 加入QQ交流群