js与jquery轮播图(进阶，延迟1.5s再下一张)

野猪麦兜

已于 2022-01-27 15:37:38 修改

阅读量1.3k

点赞数 1

分类专栏：其他文章标签： javascript css 前端

于 2022-01-27 15:35:30 首次发布

本文链接：https://blog.youkuaiyun.com/qq_58242432/article/details/122713633

版权

本文介绍了如何使用JavaScript和jQuery创建一个具有1.5秒延迟的轮播图效果。内容包括项目的目录结构，以及内联的JavaScript和jQuery代码实现详细步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

为方便阅读，js与css都采用内联。

效果：

项目目录：

js代码：

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Rotation Map</title>
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
        }

        .listFather {
            margin: 20vh auto;
            overflow: hidden;
            border: dashed 2px aqua;
        }

        .listFather,
        .list li,
        .list li img {
            width: 300px;
            height: