自己动手实现轮播图（含节流）

就算前路依然漫长

于 2022-03-13 17:00:42 发布

阅读量617

点赞数

文章标签： javascript 前端 html

本文链接：https://blog.youkuaiyun.com/zl871318846/article/details/123462230

版权

话不多说，直接上源码，有注释哦~

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <ul></ul>
    <button id="btn1">←</button>
    <button id="btn2">→</button>
  </body>
  <script>
    // 图片列表
    const imgs = [
      "imgs/1.jpg",
      "imgs/2.jpg",
      "imgs/3.jpg",
      "imgs/4.jpg",
      "imgs/5.jpg",
    ];

    // 用来管理节点的数组
    let nodeArr = [];

    // 创建节点并将节点加入数组

最低0.47元/天解锁文章