轮播的实现

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

轮播的实现原理

  • 把需要展示的图片放到同一行
  • 创建一个可视化窗口，窗口之外的区域隐藏
  • 在第一张图片的前面克隆最后一个图片元素，在最后一个图片后面克隆第一个元素
  • 利用jQuery自定义动画和css方法来滑动图片并记录下标,当下标达到图片数量或者小于0时重置下标，同时将图片定位到第一张或最后一张的位置，从而实现无限轮播。
    能抽象出的函数： playNext(), playPre(), playBullet(),autoPlay()。
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 轮播的实现
    题目1： 轮播的实现原理是怎样的？如果让你来实现，你会抽象出哪些函数(or接口)供使用？（比如 play()） 左...
    cctosuper阅读 263评论 0赞 0
  • 进阶17 轮播的实现
    1： 轮播的实现原理是怎样的？如果让你来实现，你会抽象出哪些函数(or接口)供使用？（比如 play()） 一种左...
    晓风残月1994阅读 441评论 0赞 0
  • 轮播的实现
    1. 轮播的实现原理是怎样的？如果让你来实现，你会抽象出哪些函数(or接口)供使用？（比如 play()） 实现原...
    billa_8f6b阅读 261评论 0赞 0
  • 关于 轮播 的几点总结
    1- 轮播的实现原理是怎样的？如果实现，会抽象出哪些函数(or接口)供使用？（比如 play()） 轮播的原理实际...
    osborne阅读 570评论 0赞 1
  • 轮播的实现
    轮播的实现 轮播的实现原理是怎样的？如果让你来实现，你会抽象出哪些函数(or接口)供使用？（比如 play()） ...
    marmot_ning阅读 187评论 0赞 0