我有一個(gè)容器，其中有 5 個(gè)（或更多）項(xiàng)目（div）和另外 2 個(gè)子 div，第二個(gè)（子）div 有一個(gè)背景圖像（聲明為內(nèi)聯(lián)樣式“背景”屬性）?，F(xiàn)在，我希望所有這些圖像（具有背景圖像的項(xiàng)目）的無限循環(huán)/循環(huán)能夠工作，在一次迭代之后，第一個(gè)成為第二個(gè)，第二個(gè)第三個(gè)......第五個(gè)成為第一個(gè)等等，有一定的間隔。我嘗試了一些 javascript 和 jquery 但沒有成功，有辦法做到這一點(diǎn)嗎？非常感謝您的幫助。代碼是：    <style type="text/css">        .container {          position: relative;          width: 100%;          display: -webkit-box;          display: flex;        }        .container .img {          position: relative;          width: 240px;          height: 240px;        }        .container .img div {          position: relative;          background-size: cover;          background-position: center;          width: 240px;          height: 240px;          opacity: 0.9;          cursor: pointer;        }        .container .img div:hover {          opacity: 1;        }    </style>        <div id="s" class="container">        <div class="img">            <div style="background: url(https://picsum.photos/id/271/240)"></div>        </div>        <div class="img">            <div style="background: url(https://picsum.photos/id/221/240)"></div>        </div>        <div class="img">            <div style="background: url(https://picsum.photos/id/101/240)"></div>        </div>        <div class="img">            <div style="background: url(https://picsum.photos/id/22/240)"></div>        </div>        <div class="img">            <div style="background: url(https://picsum.photos/id/11/240)"></div>        </div>    </div>