Unslider – 非常实用的超小JQuery轮播slider插件!

  1. 引入jQuery 和 Unslider
    <script src="//code.jquery.com/jquery-latest.min.js"></script>
    <script src="//unslider.com/unslider.js"></script>
  2. 准备HTML代码
    <div> 
      <ul> 
        <li><img src="slider_1.jpg" /></li> 
        <li><img src="slider_2.jpg" /></li> 
        <li><img src="slider_3.jpg" /></li> 
      </ul> 
    </div>
  3. 添加CSS样式
    .banner { position: relative; overflow: auto; } 
      .banner li { list-style: none; } 
        .banner ul li { float: left; }
  4. 启动!
    $(function() { 
      $('.banner').unslider(); 
    });

官方网站:http://www.bootcss.com/p/unslider/



发表评论

电子邮件地址不会被公开。