第七次作业 · 轮播图 1st

四手游公告轮播

点下面的标签、两侧箭头或圆点都能切换,也可以用键盘 ← → 或直接在图上左右滑动;鼠标移入会暂停自动播放。

踩坑记录:箭头原来是靠读回计算样式再截字符串算位置的,其中 Number(b.substring(b.length - 2, b)) 的第二个参数传错了, 只是凑巧被 substring 自动交换起止参数才恰好能用;一旦有人「顺手改成正确的写法」, 轮播立刻崩。现在位置只由一个索引变量 ix 决定, 位移交给 transform: translateX(),同时删掉了每次点箭头都空转 300ms 的忙等 sleep()。