轮播

题目1: 轮播的实现原理是怎样的?如果让你来实现,你会抽象出哪些函数(or接口)供使用?(比如 play())
原理:首先将所有图片浮动成一行,然后将父元素(外层窗口)设置固定宽、高度(单张图片的尺寸),通过CSS和JS控制图片滚动,实现类似走马灯的轮播效果。
函数:
playPre() //点击返回上一张图片
playNext() //点击播放下一张图片
playSign() //点击下标识跳转图片
autoPlay() //自动轮播

题目2: 实现视频中的左右滚动无限循环轮播效果
加防盗链<meta name="referrer" content="no-referrer" />
demo

题目3: 实现一个渐变轮播效果, 效果范例385

demo

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 轮播的实现原理是怎样的?如果让你来实现,你会抽象出哪些函数(or接口)供使用? 在实现轮播之前首先要确定要实现什么...
    hui_mamba阅读 1,885评论 0 0
  • Bg:图片轮播器数不胜数,但大多是UIScrollView + OC实现的,心血来潮,决定用Swift+UICol...
    星辰大海_王阅读 8,550评论 3 10
  • 第26课ps:轮播插件最后一张图片与第一张图片切换不自然,插件并不完美;代码注重新手推敲过程,非新手可路过。 一些...
    lxf_李晓凤阅读 3,146评论 0 2
  • 匪夷所思!青豆居然是个杀手!怎么会这样?青豆爬下高速阶梯的过程一直在回想她和环(她的闺蜜)赤裸相对、触摸对方的种种...
    史妍阅读 2,985评论 0 0
  • 长毛的骨头 文/南岸闲坐 其实 你早已经是过去式了 也许 你还没有完全死透 就算 已经把你大卸了八块 就算 你早已...
    南倚闲坐阅读 936评论 0 0