进阶17

作者: 饥人谷_醉眼天涯 | 来源:发表于2017-11-02 23:20 被阅读0次

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

实现原理
1、 将图片看成是一个整体,html里面就是ul,然后将这个整体设置为绝对定位,因此只需要变动这个整体样式的left,就可展示自己
想要的图片,当然这个整体的父容器,设置相对定位,同时溢出部分隐藏。
2、根据当前这个整体的offsetLeft值,和点击按钮之后,这个整体的offsetLeft值,找出它们之间存在的关系,不难发现和图片的宽度
有关。
自动播放时候的move() 函数
还有底部按钮,要先全部样式为无,之后将当前添加样式。 先全部样式为无
可以抽象出remove() 函数。
题目2: 实现视频中的左右滚动无限循环轮播效果
预览
题目3: 实现一个渐变轮播效果, 效果范例486
预览
以上效果代码

相关文章

  • webpack进阶【18】: vue-cli 脚手架环境 re

    webpack: vue-cli 脚手架环境 rem 的配置 注意:本进阶是在 webpack进阶【17】的基础...

  • 进阶17

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

  • 进阶17

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

  • 进阶17 轮播

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

  • 进阶17 轮播

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

  • 进阶17:轮播

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

  • 进阶任务17

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

  • 进阶 17 轮播

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

  • 进阶-任务17

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

  • 进阶-任务17

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

网友评论

      本文标题:进阶17

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