老师，如果要设置成水平滑动的轮播图呢？

水平滑动是需要用到canvas吗？还是原生的js去操作的？

非凡哥大战哥斯拉 2018-12-13

源自：项目：JS实现轮播特效 2-4 轮播图上圆点按钮

0

收起

1回答

好帮手慕星星回答被采纳获得+3积分 2018-12-13 16:56:07

水平滑动的轮播使用原生js就可以完成，不需要使用canvas。

可以使用定位和定时器完后，可以给你一个思路：

在第二个阶段中，移动端响应式中有案例：

是使用jquery完成的，学习到后面的时候可以重点看一下。

祝学习愉快！

非凡哥大战哥斯拉提问者 #1

可是这样子的话要返回第一张不就要向右一下子划回去了吗？我见有些轮播图是往一个方向循环重复的

2018-12-13 17:23:19
好帮手慕星星回复提问者非凡哥大战哥斯拉 #2

你说的是无缝滚动轮播的形式，上面给你说的移动端响应式中的轮播图就是无缝滚动的，后面自己可以学习下。

2018-12-13 18:12:19

相似问题

如果想要轮播图实现水平滚动的效果，应该设置什么属性来实现呢

上下滑动与左右滑动

请问老师在教学视频1分09秒的时候，为什么图片不是3秒轮转一次呢？

水平滚动的问题

左右切换图片

登录后可查看更多问答，登录/注册

前端小白入门系列课程

参与学习人
提交作业 11218 份
解答问题 36713 个

从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！

本课精华内容

问答作业

为什么我的没有框

5 45

表格的问题

377 41

大家好,body前面有一个红色的小××，麻烦大家帮我看看

378 40

到底是cellspacing还是cellpacing?

0 35

课间活动的表格怎么实现，想了很久也想不出来

60 30

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载