美文网首页我爱编程
轮播实现中用到的CSS

轮播实现中用到的CSS

作者: 加油吧_ | 来源:发表于2018-05-26 20:33 被阅读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)'  // 控制第几张图片出现在窗口里
       })
    })
    

    相关文章

      网友评论

        本文标题:轮播实现中用到的CSS

        本文链接:https://www.haomeiwen.com/subject/djqvjftx.html