JS实现轮播图点击切换、按钮切换功能

这里我直接给的一个div把需要轮播的图片放进去,给了两个button;比较简易,可以参考学习

效果图:

案例效果图

 

代码如下（示例）：

html代码:

<div>
        <p id="pa"></p>
        <img src="1.jpg" alt="">
        <button id="lt">&lt;</button>
        <button id="gt">&gt;</button>

    </div>

css代码:

 <style>
        div {
            width: 500px;
            background-color: yellowgreen;
            text-align: center;
        }

        div img {
            width: 100%;
            height: 100%;
        }
    </style>

js代码:

 <script>