文件名称：vanilla-carousel:香草JS轮播
文件大小：24.1MB
文件格式：ZIP
更新时间：2024-04-08 06:32:42
JavaScript
轮播 链接 第1部分-| 第2部分-| 第1部分 工具： React， 感言： 这是我第一次建造旋转木马。 在这里使用React可能会过分杀人，但是由于允许使用外部库和框架，所以我去了 使用外部库进行设置是一个有趣的练习，有助于更好地了解如何从头开始构建它。 造型极少 第2部分 工具： 香草JS，HTML，CSS 感言： 轮播有三个主要部分： 图像容器 导航箭头 踏步机？导航点 我在构建轮播时考虑了可伸缩性，因此可以在任意数量的图片上使用： 步进容器将使用与图像容器中的图片一样多的按钮进行初始化 导航控件是动态的，并循环显示当前图片的数量 导航： mouseover和mouseout事件侦听器暂停或重新启动自动播放 还可以通过按键事件列表器使用向左和向右箭头键进行导航 从一张图片导航到另一张图片会重置显示计时器 去做： 针对移动设备进行优化（媒体查询，触摸事件） 缩小无人机图像分辨率
【文件预览】：
vanilla-carousel-master
----images()
--------4.jpg(4.98MB)
--------3.jpg(4.59MB)
--------1.jpg(4.83MB)
--------2.jpg(5.15MB)
--------5.jpg(4.78MB)
----src()
--------carousel-control.js(3KB)
--------index.js(157B)
----dist()
--------main.js(7KB)
--------stylesheets()
----.DS_Store(6KB)
----README.md(2KB)
----index.html(2KB)
----.vscode()
--------settings.json(38B)