进阶任务17 轮播

2017-07-04  本文已影响0人  饥人谷_zhangfan

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

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

可以抽象出

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

上一篇 下一篇

猜你喜欢

热点阅读