第七次作业 · 轮播图 1st
四手游公告轮播
点下面的标签、两侧箭头或圆点都能切换,也可以用键盘 ← → 或直接在图上左右滑动;鼠标移入会暂停自动播放。
踩坑记录:箭头原来是靠读回计算样式再截字符串算位置的,其中
Number(b.substring(b.length - 2, b)) 的第二个参数传错了,
只是凑巧被 substring 自动交换起止参数才恰好能用;一旦有人「顺手改成正确的写法」,
轮播立刻崩。现在位置只由一个索引变量 ix 决定,
位移交给 transform: translateX(),同时删掉了每次点箭头都空转 300ms 的忙等 sleep()。