superslide轮播图的使用

除了swiper轮播插件还有superslide需要结合juery它的一起使用里面的介绍很详细，基本的效果都能实现，唯一不好的有的效果需要支付
它的官网地址 http://www.superslide2.com/index.html
第一步导入js

 <script type="text/javascript" src="../jquery1.42.min.js"></script>
  <script type="text/javascript" src="../jquery.SuperSlide.2.1.3.js"></script>

第二步，它的框架编写

<div class="slideTxtBox">
    <div class="hd">
        <ul><li>教育</li><li>培训</li><li>出国</li></ul>
    </div>
    <div class="bd">
        <ul>
            <li><a href="http://www.SuperSlide2.com" target="_blank">SuperSlide2.0正式发布！</a></li>
            ...
        </ul>
        <ul>
            <li><a href="http://www.SuperSlide2.com" target="_blank">名师教作文：３妙招巧写高分</a></li>
            ...
        </ul>
        <ul>
            <li><a href="http://www.SuperSlide2.com" target="_blank">澳大利亚八大名校招生说明会</a></li>
            ...
        </ul>
    </div>
</div>

第三步在使用它的盒子后面马上调用

<script type="text/javascript">jQuery(".slideBox").slide({mainCell:".bd ul",titCell:".hd ul li",autoPlay:true}); </script>