利用数组实现轮播图

最新推荐文章于 2022-08-05 11:03:05 发布

奋斗的妍

最新推荐文章于 2022-08-05 11:03:05 发布

阅读量1.1k

点赞数

本文链接：https://blog.youkuaiyun.com/wyyandyou_6/article/details/81139350

版权

本文介绍了如何借助数组实现一个基本的轮播图效果，详细讲述了相关代码实现。

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

上一张简介里数组的定义以及操作，这一张就利用数组实现一个简单的轮播图效果，代码如下：

<style>
        * {
            margin: 0;
            padding: 0
        }

        .wraper {
            width: 800px;
            height: 400px;
            overflow: hidden;
            /* margin: 0 auto; */
        }
      .wraper ul {
            width: 4800px;
            height: 400px;
            overflow: hidden;
            float: left;
            list-style: none;
        }
        .wraper li {
            width: 800px;
            height: