我爱编程

轮播实现中用到的CSS

2018-05-26  本文已影响15人  加油吧_

图片在一个窗口里显示

    .images{
      display: flex;   //三张图依次排列
      align-items: flex-start;  //图片按原尺寸显示
      transition: all 0.5s;  //过渡,让过渡不那么生硬
    }
.window{  
      width: 300px;   //写定宽度
      overflow: hidden;  //图片在一个窗口里显示
    }

jQuery 写css

$(x).on('xxxx',function(){
   $(xxxxx).css({
      transform : 'translate(xxxxxx)'  // 控制第几张图片出现在窗口里
   })
})
上一篇 下一篇

猜你喜欢

热点阅读