温故而知新 兼容性较强的轮播器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的主要内容,如果未能解决你的问题,请参考以下文章