轮播

作者: 谨言_慎行 | 来源:发表于2017-08-18 14:51 被阅读0次

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

    • CSS要先做好,图片的ul要绝对定位, 复制开头放在结尾 复制结尾放在开头 这时在用js算出ul的宽度 当右滚动至最后一图的时候,js切换成原来的第一个图,左滚动切换成原来的最后一张图

    一般函数有:

    autoPlay() 自动播放
    prePic()  前一张
    nextPic() 下一张
    

    2. 实现视频中的左右滚动无限循环轮播效果

    预览: https://haitaowang555.github.io/JS-/%E8%BD%AE%E6%92%AD/#

    3. 实现一个渐变轮播效果, 效果范例

    预览: http://js.jirengu.com/qexud/10/edit?html,output

    相关文章

      网友评论

        本文标题:轮播

        本文链接:https://www.haomeiwen.com/subject/tpqnrxtx.html