轮播

题目1： 轮播的实现原理是怎样的？如果让你来实现，你会抽象出哪些函数(or接口)供使用？（比如 play()）
将需要轮播的图片排成一行，并在需要显示图片的位置开上一个同一张图片尺寸大小相同的窗口，该窗口设置属性overflow: hidden，然后控制图片层的左右拖动，进而实现轮播效果。利用人眼的视觉差，在最后一张图片后面加上第一张图片并且瞬间切换至第一张，反复这样操作就会让人产生图片无限滚动的错觉。并且点击下面页标跳转到相应页面上。需要设置状态锁，触发时加锁，动效完毕后回调开锁。
滑动型：if判断重置 渐变型：利用%计算的循环特性
play() playPre() playNext() setBullet()

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

题目3： 实现一个渐变轮播效果, 效果范例198
demo
http://js.jirengu.com/pudixahehe/3/edit

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 轮播的实现
    题目1： 轮播的实现原理是怎样的？如果让你来实现，你会抽象出哪些函数(or接口)供使用？（比如 play()） 左...
    cctosuper阅读 1,813评论 0赞 0
  • Android - 收藏集
    Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,791评论 25赞 709
  • 关于 轮播 的几点总结
    1- 轮播的实现原理是怎样的？如果实现，会抽象出哪些函数(or接口)供使用？（比如 play()） 轮播的原理实际...
    osborne阅读 3,652评论 0赞 1
  • 轮播
    题目1： 轮播的实现原理是怎样的？如果让你来实现，你会抽象出哪些函数(or接口)供使用？（比如 play()） 1...
    南山码农阅读 5,005评论 0赞 1
  • 汪营的泡粑
    利川有许多美食。柏杨的豆干，建南的咸菜，福宝山的莼菜，南坪的黄鳝……，至于我的家乡汪营镇主要有魔芋鸭...
    松筠深锁阅读 5,673评论 0赞 3