29.轮播

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

1.使图片水平一排排列在父容器中
2.父容器的父容器利用overflow:hidden属性,并设置固定宽度,正好使一张图片显示
3.通过父容器left属性或margin-left调整显示的位置

抽象出:
showBefore()显示前一图片,
showAfter()显示后一图,
createBullet()改变图片数量时,生成与图片数量一致的bullet;

2. 无限循环轮播效果

预览
代码

3.渐变轮播效果

预览
代码

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

推荐阅读更多精彩内容

  • 1,轮播的实现原理是怎样的?如果让你来实现,你会抽象出哪些函数(or接口)供使用?(比如 play()) 原理:将...
    春木橙云阅读 504评论 0 0
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,539评论 25 709
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,863评论 1 92
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,294评论 4 61
  • 阿梦之前看过一部电影,说外国人可以到教堂向神父忏悔,隔着帘子,也不必面对面,谁都看不见谁,神父奉行神的旨意将会替你...
    阿如花阅读 597评论 1 3