温故而知新 兼容性较强的轮播器superslide.js

Posted 贝尔塔猫

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了温故而知新 兼容性较强的轮播器superslide.js相关的知识,希望对你有一定的参考价值。

官网:

http://www.superslide2.com/index.html

demo:

http://www.superslide2.com/demo.html

API:

http://www.superslide2.com/param.html

 

个人实战

<!--banner轮播图-->
<div class="site-banner">
    <div class="my-slider">     
        <ul>
            <li class="my-slider-li my-slider-li-1"></li>
            <li class="my-slider-li my-slider-li-2"></li>
            <li class="my-slider-li my-slider-li-3"></li>
            <li class="my-slider-li my-slider-li-4"></li>
            <li class="my-slider-li my-slider-li-5"></li>
        </ul>
        <a class="unslider-arrow next"></a>
        <a class="unslider-arrow prev"></a>
    </div>
   <div class="unslider-nav">
        <ol class="num"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li></ol>
   </div>
</div>
    
    

<script type="text/javascript">
 $(".site-banner").slide({titCell:".unslider-nav ol",mainCell:".my-slider ul",easing:"swing",autoPage:true,effect:"left",autoPlay:false,scroll:1,trigger:"click"});
</script>

 

以上是关于温故而知新 兼容性较强的轮播器superslide.js的主要内容,如果未能解决你的问题,请参考以下文章

兼容性较好的web html原生js轮播器

兼容性较好的web html原生js轮播器

flexslider轮播器插件兼容IE6

JS框架_(Bootstrap框架)实现简单的轮播图

常用图片文字轮播插件SuperSlide

兼容ie6的轮播效果