简单通过点击左右按钮来改变图片轮播

最新推荐文章于 2021-10-21 11:14:59 发布

原创

最新推荐文章于 2021-10-21 11:14:59 发布 · 5.7k 阅读

18 ·

CC 4.0 BY-SA版权

文章标签：

#图片轮播 #点击按钮 #改变

这篇博客分享了如何创建一个图片轮播效果，通过点击左右按钮来改变显示的图片。博主根据学习经验，详细介绍了使用HTML和CSS构建轮播的基础结构。

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

根据老师得建议个人第一次写自己平常练习的东西，问题还有很多，还请见谅和指导，

首先建立基本的标签，利用DIV

<div id="contianer">
    <ul id="uls">                                                          //建立无序列表，在li里面利用img存储图片，里面路径根据自己的来更改
        <li ><img src="img/124402-106.jpg"> </li>
        <li ><img src="img/338659-106.jpg"> </li>
        <li ><img src="img/351761-106.jpg"> </li>
        <li ><img src="img/352846-106.jpg"> </li>
    </ul>
    <div id="left">