进度条+无缝轮播

焦头烂额了好多天,询问同事,加上度娘,终于写出来个大概了,可能还有点小bug,但还是很开心自己实现了想要的功能,话不多说,上代码吧,留下自己的纪念

这是只留下html代码和js代码

HTML代码


ajax请求,首先加载出图片,再进行判断,前提是写在window.onload里
写这个滑动轮播图时,有一点点迷,判断它的位置,总是绕,注解写的很清楚了
最让我头大的莫过于进度条的滑动位置了,在里面绕了两天,各种offfsetwidth,offsetleft,虽然看起来很简短,但就是逻辑问题,想不明白
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,916评论 25 709
  • 用两张图告诉你,为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料? 从这篇文章中你...
    hw1212阅读 13,067评论 2 59
  • 灯灭了 双眼被黑暗吞没 双耳被耳塞侵占 身旁空荡荡的 只剩下虚无 一丝微风吹过 翻个身又是这般感觉 感觉或许可以聆...
    珂柡阅读 166评论 1 1
  • 睡不着。 下午洗完澡给腿涂保湿霜的时候,看到左膝盖的淤青更严重了,几乎半个膝盖都是绿色的,碰一下都很疼。 这是周一...
    一枕阅读 323评论 6 2
  • 成长的足迹除了那几本厚厚的日记本外,还体现在影集里。 旧时的照片已泛黄,照片里记录的很多人很多事也已慢...
    TIFFANY小姐阅读 268评论 0 0