轮播练习

课程目的

  • 回顾html css部分的知识
  • 熟练使用jquery操作dom

课程内容

html

css

js

轮播

思考:如果有多个轮播呢?

组件化

<div class="mod-carousel">
    ......
</div>
<div class="mod-carousel">
    ......
</div>



function Carousel($c){
    this.init($c);
}

Carousel.prototype={

  init: function($c){
    this.attachEl($c);
    this.bind();
    this.autoPlay();
  },
  .....
}


$('.mod-carousel').each(function(){
    new Carousel($(this));
});