相信大家在使用SuperSlide这个插件时也遇到过这样的问题。官网也发了几个演示教程，照着做，都能实现。但意外总是随机出现，并不是演示教程就能满足我的需求，如果多个效果有嵌套，芭比Q了，无法实现设计师的要求。
SuperSlide同一个页面使用多个效果
于是，还是得从代码结构看起来，进行深度的研究。
先说下代码结构吧。结构很简单，直接看代码：
html部分
<div class="Slide">
<div class="hd">
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</div>
<div class="bd">
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</div>
js部分
$(".Slide").slide({ // li为基本单位
mainCell: ".bd ul", // li容器
titCell: ".page ul", // 分页容器
autoPage: true, // 自动分页
autoPlay: true, // 自动动画
vis: 3, //可见数量
effect: "left", //动画效果
scroll: 3, //滚动数量
interTime: 8000 //间隔时间
})
html部分很简单，一看就懂。这里主要还是要看js部分，特别是“mainCell”和“titCell”这两个标签，重点来啦。如果多个效果有嵌套，这两个标签就得修改，跟默认的进行区别，否则会出现错误，达不到自己想要的效果。比如：“mainCell: ".bd ul"”改成“mainCell: ".ceshi dl"”等，因为SuperSlide里默认的是ul和li结构，我们要区分开，否则有冲突。
对了，还有一个重要的地方，要在头部引入jquery和SuperSlide。有时放在页面底部没有效果，只有在头部才会正常，所以安全起见，在head头部就引入最佳。
