美文网首页
进阶任务十七

进阶任务十七

作者: 饥人谷_迪 | 来源:发表于2017-12-22 10:40 被阅读0次

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

    1. 多个图片横向排列,首尾各克隆图片,使首尾相接
    2. 视窗宽高设置只容纳一张图片,设置overflow: hidden隐藏其它不可见
    3. 滑动到图片末端障眼法图时自动跳转到首端,达到欺骗效果

    函数(接口):

    • 往前播放一次 playPre()
    • 往后播放一次playNext()
    • 索引播放playIndex()
    • 自动播放playAuto()

    题目2: 实现视频中的左右滚动无限循环轮播效果
    代码

    题目3: 实现一个渐变轮播效果

    代码

    相关文章

      网友评论

          本文标题:进阶任务十七

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