先引入jQuery檔案

<script src="js/jquery-3.6.0%20(1).js" type="text/javascript" charset="utf-8"></script>

在HTML檔案中新增圖片

給圖片新增統一的大小

<div class="Contentareaimg">
 <li class="lbt"><img src="img/1.jpg" style="width: 603px;"></li>
 <li class="lbt"><img src="img/2.jpg" style
 
="width: 603px;"></li>
 <li class="lbt"><img src="img/3.jpg" style="width: 603px;"></li>
 <li class="lbt"><img src="img/4.jpg" style="width: 603px;"></li>
 <li class="lbt"><img src="img/5.jpg" style="width: 603px;"></li>
</div>

這是CSS檔案

給圖片新增一個定位，讓其在一個位置上

.Contentareaimg>li{
  　　list-style: none;
  　　position:absolute;
　　}

這是js檔案

設定一個函式 進行 for迴圈 每兩秒跳轉一個圖片

var a = 0;

function smc() {
    a++;
    b = document.getElementsByClassName('lbt');
    if (a >= b.length) a = 0;
    for (var i = 0; i < b.length; i++) {
        b[i].style.display = 'none
 
';
    }
    b[a].style.display = 'block';
}
setInterval(smc, 2000);