我需要創(chuàng)建兩個選取框（一個帶有重復(fù)圖像，一個帶有重復(fù)鏈接）以任意大小跨越瀏覽器窗口；選取框項(xiàng)目需要從一開始就顯示出來，而不是花幾秒鐘就出現(xiàn)在屏幕上，并且每個項(xiàng)目都需要相隔大約 20 像素/30 像素。當(dāng)用戶將鼠標(biāo)懸停在它上面時，選取框需要停止在頁面上移動。我正在為客戶創(chuàng)建一個網(wǎng)站，我們決定在一個頁面上使用一個選取框來顯示徽標(biāo)，在另一個頁面上使用一個選取框來顯示指向客戶社交媒體的鏈接。我不確定如何根據(jù)文本或圖像的大小來計算動畫的必要持續(xù)時間以使其看起來無限。我已經(jīng)研究并嘗試了 CSS 選項(xiàng)，但我四處詢問卻發(fā)現(xiàn)通常建議使用 Javascript。我剛剛開始深入研究 Javascript，所以我對從哪里開始這個項(xiàng)目一無所知。這實(shí)際上與我需要的非常相似：https : //stackoverflow.com/a/45103608/11623961。這是我試圖實(shí)現(xiàn)的一個例子：http : //maxsiedentopf.com/work-2（只有底部的一個，但與左側(cè)沒有重疊；只需從左到右移動）。這就是我試圖用來達(dá)到預(yù)期效果的：https : //codepen.io/jamesbarnett/pen/kfmKa。body {   margin: 0;  font-family: "UniversLTPro-Ex";  font-size: 30px;}a {    text-decoration: none;    color: #000;}.marquee {  height: 35px;  width: 100%;  overflow: hidden;  position: relative;  background-color: #e9e5fb;    border-top: 1px solid black;  border-bottom: 1px solid black;  padding: 8px 0 4px 0;}.marquee div {  display: inline-block;  width: 300%;  height: 40px;  position: absolute;  overflow: hidden;  animation: marquee 12s linear infinite;}.marquee span {  float: left;  width: 25%;}@keyframes marquee {  0% { left: 0; }  100% { left: -150%; }}        <div class="marquee">            <div>                <span><a href="#">twitter</a></span>                <span><a href="#">instagram</a></span>                 <span><a href="#">pinterest</a></span>                <span><a href="#">spotify</a></span>                 <span><a href="#">magazine</a></span>            </div>        </div>顯然，我嘗試做的事情有很多問題。選框不會出現(xiàn)無限，我還沒有想出如何暫停懸停，項(xiàng)目相距太遠(yuǎn)。任何幫助將不勝感激。謝謝！