JS小练习：使用JavaScript实现点击‘上一张’，‘下一张’循环播放图片

最新推荐文章于 2023-04-10 11:30:40 发布

牛牛加油跑

最新推荐文章于 2023-04-10 11:30:40 发布

阅读量1.2k

点赞数 1

文章标签： javascript 前端

本文链接：https://blog.csdn.net/m0_50451408/article/details/121822545

版权

本文通过JavaScript实现点击'上一张'、'下一张'按钮，循环播放图片的功能。代码中强调图片路径设置，确保在js文件同一目录下。

摘要由CSDN通过智能技术生成

代码：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style typle="text/css">
        {margin: 0px;
        padding: 0px;
        }
        #outer{
            width: 500px;
            margin: 50px auto;
            padding: 10px;
            background-color: yellowgreen;
            //设置文本居中
            text-align:center
        }
        </style>
        <script type="text/javascript">
            window.onload=function(){
                //点击按钮切换图片
                var prev=document.getElementById("prev");
                var next=document.getElementById("next");
                var img=document.getElementsByTagN