轮播图(图片间歇性滚动+进度圆点) 点击链接查看最终效果 https://didi666666.github.io/Rotation_chart/
1.html
向div中放入5张图片(实际4张,最后一张与第一张相同,用于
无缝滚动,不然会出现空白)、4个进度小圆点
2.css
(1)设置图片大小,且横向无缝排列
float:left;
(2)隐藏超出内容,只显示一幅图
overflow:hidden;
(3)小圆点位置(底部中间)
3.js
(1)利用计时器,设置图片滚动速度,停歇时间
元素内容向左滚动:scrollleft
(2)鼠标点击下面的小圆点,可改变图片,且小圆点变红