SuperSlidev2.1 -- 大话主席
1. 标签切换 / 书签切换 / 默认效果
1.0-标签切换
常用参数(切换看看)
效果[effect]:
自动运行[autoPlay]:
触发方式[trigger]:
缓动效果[easing]:
easeOutCirc
easeInQuint
easeInBack
easeOutBounce
easeOutElastic
效果速度[delayTime]:
<option value="
前后按钮循环[pnLoop]:
当前调用代码：jQuery(".slideTxtBox").slide({});
注意：缓动效果对于fade影响不大;不同缓动效果设置适当“效果速度”，会有最佳效果。
2. 焦点图 / 幻灯片
2.0-焦点图/幻灯片
常用参数(切换看看)
效果[effect]:
自动运行[autoPlay]:
触发方式[trigger]:
缓动效果[easing]:
easeOutCirc
easeInQuint
easeInBack
easeOutBounce
easeOutElastic
效果速度[delayTime]:
<option value="
停止播放[mouseOverStop]:
前后按钮循环[pnLoop]:
当前调用代码：jQuery(".slideBox").slide({mainCell:".bd ul"});
注意：缓动效果对于fade影响不大;不同缓动效果设置适当“效果速度”，会有最佳效果。
3. 图片滚动-左
3.0-图片滚动-左
常用参数(切换看看)
效果[effect]:
自动运行[autoPlay]:
滚动个数[scroll]:
可视个数[vis]:
缓动效果[easing]:
easeOutCirc
easeInQuint
easeInBack
easeOutBounce
easeOutElastic
效果速度[delayTime]:
<option value="
前后按钮循环[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]:
easeOutCirc
easeInQuint
easeInBack
easeOutBounce
easeOutElastic
效果速度[delayTime]:
<option value="
前后按钮循环[pnLoop]:
触发方式[trigger]:
停止播放[mouseOverStop]:
当前调用代码：jQuery(".picScroll-top").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true});
注意1：不同缓动效果设置适当“效果速度”，会有最佳效果。
注意2：现在是全按钮开启情况，不需要按钮的时候，只要删除按钮html或者隐藏即可。
5. 图片无缝滚动-左
5.0-图片无缝滚动-左
常用参数(切换看看)
效果[effect]:
leftMarquee
可视个数[vis]:
运行速度[interTime]:
默认反方向运动[opp]:
前后按钮循环[pnLoop]:
触发方式[trigger]:
停止播放[mouseOverStop]:
当前调用代码：jQuery(".picMarquee-left").slide({mainCell:".bd ul",autoPlay:true});
6. 图片无缝滚动-上
6.0-图片无缝滚动-上
常用参数(切换看看)
效果[effect]:
topMarquee
可视个数[vis]:
运行速度[interTime]:
默认反方向运动[opp]:
前后按钮循环[pnLoop]:
触发方式[trigger]:
停止播放[mouseOverStop]:
当前调用代码：jQuery(".picMarquee-top").slide({mainCell:".bd ul",autoPlay:true});
7. 文字滚动-左
7.0-文字滚动-左
常用参数(切换看看)
效果[effect]:
自动运行[autoPlay]:
滚动个数[scroll]:
可视个数[vis]:
缓动效果[easing]:
easeOutCirc
easeInQuint
easeInBack
easeOutBounce
easeOutElastic
效果速度[delayTime]:
<option value="
前后按钮循环[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]:
easeOutCirc
easeInQuint
easeInBack
easeOutBounce
easeOutElastic
效果速度[delayTime]:
<option value="
前后按钮循环[pnLoop]:
触发方式[trigger]:
停止播放[mouseOverStop]:
当前调用代码：jQuery(".txtScroll-top").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true});
注意1：不同缓动效果设置适当“效果速度”，会有最佳效果。
注意2：现在是全按钮开启情况，不需要按钮的时候，只要删除按钮html或者隐藏即可。
9. 文字无缝滚动-左
9.0-文字无缝滚动-左
常用参数(切换看看)
效果[effect]:
leftMarquee
可视个数[vis]:
运行速度[interTime]:
默认反方向运动[opp]:
前后按钮循环[pnLoop]:
触发方式[trigger]:
停止播放[mouseOverStop]:
当前调用代码：jQuery(".txtMarquee-left").slide({mainCell:".bd ul",autoPlay:true});
10. 文字无缝滚动-上
10.0-文字无缝滚动-上
常用参数(切换看看)
效果[effect]:
topMarquee
可视个数[vis]:
运行速度[interTime]:
默认反方向运动[opp]:
前后按钮循环[pnLoop]:
触发方式[trigger]:
停止播放[mouseOverStop]:
当前调用代码：jQuery(".txtMarquee-top").slide({mainCell:".bd ul",autoPlay:true});
常用参数(切换看看)
效果[effect]:
效果速度[delayTime]:
延迟触发[triggerTime]:
默认执行[defaultPlay]:
返回默认[returnDefault]:
缓动效果[easing]:
easeOutCirc
easeInQuint
easeInBack
easeOutBounce
easeOutElastic
当前调用代码：jQuery("#nav").slide({ type:"menu", titCell:".nLi", targetCell:".sub"});
13.0-手风琴
常用参数(切换看看)
效果[effect]:
效果速度[delayTime]:
触发方式[trigger]:
延迟触发[triggerTime]:
默认执行[defaultPlay]:
返回默认[returnDefault]:
缓动效果[easing]:
easeOutCirc
easeInQuint
easeInBack
easeOutBounce
easeOutElastic
当前调用代码：jQuery(".sideMen").slide({titCell:"h3", targetCell:"ul",defaultIndex:1});
T1. 其它基础效果
多行滚动基础示例
多列滚动基础示例
targetCell基础示例
SuperSlide组合应用基础示例
同一页面使用多个效果示例
双重Tab（slide组合）
Tab+无缝滚动（slide组合）
图片导航焦点图
适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.今宵酒醒何处的签名
<div style="overflow:max-height:100-height:expression(this.offsetHeight
100?'100px':(this.offsetHeight + 'px')));">品质源于专业！精品网站定制 QQ 个人主页：/bbs/
终于看到一个有价值的帖子了，感谢，支持。
九州之土的签名
<div style="overflow:max-height:100-height:expression(this.offsetHeight
100?'100px':(this.offsetHeight + 'px')));">签名档被版主吃了！签名档被版主吃了！！签名档被版主吃了！！！
很有用，收藏 谢谢分享！
貌似不错哦！！！
传说中的沙发
idmei的签名
<div style="overflow:max-height:100-height:expression(this.offsetHeight
100?'100px':(this.offsetHeight + 'px')));">www.向所有爱好者学习
干什么用的？
动易产品与服务
|&#160;&#160;&#160;&#160;动易产品销售咨询区
|&#160;&#160;&#160;&#160;非技术问题和建议收集区
动易产品区交流与讨论
|&#160;&#160;&#160;&#160;SiteFactory交流区
|&#160;&#160;&#160;&#160;BizIdea交流区
|&#160;&#160;&#160;&#160;SiteWeaver交流区
|&#160;&#160;&#160;&#160;动易2006及以前版本讨论区
站长学习交流区
|&#160;&#160;&#160;&#160;我与动易的故事
|&#160;&#160;&#160;&#160;网站安全讨论区
论坛事务管理与监督
|&#160;&#160;&#160;&#160;论坛公告区登录后才能进行此项操作...还没有账号？&&&&当前位置： > >SuperSlide实现京东首页产品切换选项卡效果_选项卡SuperSlide实现京东首页产品切换选项 &来源：网络收集 &编辑：js代码网 &浏览次数：1783 次效果描述：jquery tab选项卡效果，基于SuperSlide插件，鼠标经过切换产品列表。文章关键词：本素材资源仅供个人学习与参考，请勿用于商业用途，后果由使用者自己承担...大家都在下载 这些是最新的}