js实现轮播图功能

样式

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

    .lunbo {
        height: 400px;
        width: 600px;
        border: 3px solid blue;
        margin: 0 auto;
        margin-top: 100px;
        position: relative;
        overflow: hidden;
    }

    .tubian {
        /* width: 2400px; */
        height: 400px;
        position: absolute;
        

    }

    .tubian>img {
        height: 400px;
        width: 600px;
        float: left;
    }`在这里插入代码片`
</style>

元素

<div class="lunbo">
    <div class="tubian">
        <img src="img/1.jpg" alt="">
        <img src="img/2.jpg" alt="">
        <img src="img/3.jpg" alt="">
        <img src="img/4.jpg" alt="">
    </div>
</div>

` js