官网:

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

demo:

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

API:

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

最新版2.1.2 增加了响应式轮播

增加参数设置 vis:"auto",仅适应于:scroll:1, effect:"left或leftLoop"情况

http://www.superslide2.com/SuperSlide.2.1.2/demo.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({delayTime:400,interTime:4000,titCell:".unslider-nav ol",mainCell:".my-slider ul",easing:"swing",autoPage:true,effect:"leftLoop",autoPlay:true,vis:"auto",scroll:1,trigger:"click"});
</script>

最新文章

  1. 编程模式之模板方法模式(Template Method)
  2. C# in depth学习(1)
  3. Android中Activity的生命周期
  4. IOS-UITextField键盘不隐藏问题
  5. Unity UI on the HoloLens
  6. BitTorrent Sync - 神奇的文件同步软件,无需服务器让多台电脑互相同步!
  7. Front-end Developer Interview Questions
  8. Web Pages razor 学习
  9. Cookie与Session详解
  10. C++技术问题总结-第12篇 设计模式原则
  11. UIApplication深入研究
  12. sqlserver-根据2张表的id更新其他列值
  13. Elasticsearch教程-从入门到精通(转载)
  14. Docker: How to enable/disable HTTP Proxy in Toolbox
  15. Web.Debug.config和Web.Release.config设置xdt:Transform无效的解决办法
  16. MySQLMySql免安装版安装配置
  17. 2018年值得关注的10大JavaScript动画库
  18. Java知多少(82)标签、按钮和按钮事件简介
  19. 任意格式视频转MP4格式
  20. leetcode-162-寻找峰值

热门文章

  1. 什么是CGI、FastCGI、PHP-CGI、PHP-FPM、Spawn-FCGI?
  2. Shell入门教程:流程控制(6)while 循环
  3. Daily Scrum Meeting ——TenthDay
  4. python虚拟机中的异常流控制
  5. $.prop()和$.attr() 区别用法
  6. mysql 最大连接数 &amp; 连接池
  7. NVelocity介绍,NVelocity中文手册文档及实例下载
  8. 正则表达式工具RegexBuddy使用教程
  9. 【krpano】汉化Web VR设置界面
  10. HDU 4113 Construct the Great Wall(插头dp)