轮播

作者: Schrodinger的猫 | 来源:发表于2017-08-15 15:27 被阅读0次

    轮播的实现原理是怎样的?如果让你来实现,你会抽象出哪些函数(or接口)供使用?(比如 play())

    轮播的实现原理:假设有4张图片,我们克隆第一张和最后一张分别放在最后和第一张,轮播图移动变化时,如果到达最后一张或第一张,在下次移动之前,立即让整个图跳转回不是克隆的第一张或最后一张;接下来在进行动画。这样看起来整个图的移动是非常连贯的。具体实现办法:
    每个图片代表一个位置参数,根据不同图片的位置参数,调整图片的显示隐藏或者动画效果。


    Markdown

    抽调的函数有:
    跳往下一个页面的函数playNext;
    跳往上一个页面的函数playPre,
    指示器变化的函数Indicator,
    自动播放的函数autoPlay,
    停止定时器的函数stopAuto。

    实现视频中的左右滚动无限循环轮播效果

    任务代码

    实现一个渐变轮播效果, 效果范例380

    任务代码

    相关文章

      网友评论

          本文标题:轮播

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