29.轮播

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

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

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

2. 无限循环轮播效果

预览
代码

3.渐变轮播效果

预览
代码

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

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

友情链接更多精彩内容