美文网首页
进阶任务17 轮播

进阶任务17 轮播

作者: 饥人谷_zhangfan | 来源:发表于2017-07-04 12:37 被阅读0次

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

  1. 使一个图片列表<ul>的图片左浮动,成为一行;
  2. 设置图片列表父容器宽高和图片相等,overflow设置为hidden,得到一个可视区域;
  3. 通过改变图片列表<ul>left值不断偏移,使不同图片出现在可视区域中,可实现轮播效果

可以抽象出

  • playPre():点击左箭头,切换上一张图片;
  • playNext():点击右箭头,切换下一张图片;

题目2滚动效果
题目3渐变效果

相关文章

  • 进阶任务17 轮播

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

  • 进阶任务17(主线任务):轮播的实现

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

  • 进阶任务十七-轮播

    轮播的实现原理是怎样的?如果让你来实现,你会抽象出哪些函数(or接口)供使用? 轮播的实现原理:把需要展示的图片放...

  • 进阶17 轮播

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

  • 进阶17 轮播

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

  • 进阶17:轮播

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

  • 进阶 17 轮播

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

  • 进阶17:轮播图

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

  • 进阶17-轮播

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

  • 进阶任务17

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

网友评论

      本文标题:进阶任务17 轮播

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