轮播

作者: leocz | 来源:发表于2017-08-17 14:33 被阅读0次

    1.轮播的原理,抽象出函数

    轮播利用轮播容器定大小和图品大小相同,图片排成一列(上下)或者一排(左右),超出容器部分不可见,图片条每次运动图片宽度(或高度)的距离,这样没运动一次就会换一张图片,形成轮播的效果。

    除了运动轮播,还有淡入淡出的轮播。这种不依靠运动,所有图片叠加在一起。轮播时,显示的图片透明度 opacity 为 1,其他图片透明度为0,显示隐藏。

    一般抽象出的函数有

    autoPlay() 自动播放
    prePic()  前一张
    nextPic() 下一张
    

    2.左右滚动无缝轮播

    效果→左右轮播

    3.渐变轮播

    效果→渐变轮播

    相关文章

      网友评论

          本文标题:轮播

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