我目前正在嘗試制作一個動畫幻燈片，所以當你點擊函數(shù)時，盒子來自左邊的Div，但是當你點擊函數(shù)時，它來自右邊的div。plusDiv(-1)plusDiv(+1)錯誤：Javascript只抓取第一個“mySlides”，而它應該抓取上一張幻燈片。因此，如果在幻燈片3上，使幻燈片2出現(xiàn)。任何幫助將不勝感激，我已經嘗試這樣做了幾個小時，但似乎沒有什么可以解決問題。CSS：<style> .mySlides {position: absolute;animation: MoveLeft 1s;animation-fill-mode: forwards; } .classname { animation-name: MoveRight;position: absolute;-animation-fill-mode: forwards;}@keyframes MoveLeft { 0% {position: absolute; margin-top: 50px; margin-left: 62.5%; width: 150px; height: 200px;} 100% {position: absolute; margin-left: 40%; width: 300px; height: 400px;} to {position: absolute; margin-left: 40%; width: 20%; height: auto;}}@keyframes MoveRight { 0% {position: absolute; margin-top: 50px; margin-left: 25%; width: 150px; height: 200px;} 100% {position: absolute; margin-left: 40%; width: 300px; height: 400px;} to {position: absolute; margin-left: 40%; width: 20%; height: auto;}}</style>`網(wǎng)頁：<div style="position: absolute; margin-top: 5%; margin-left: 5%; width: 90%; height: 300px;"> <div style="position: relative; width: 100%; height: 100%;"> <div style="position: absolute; margin-top: 50px; margin-left: 25%; width: 20%; height: auto;"><img id="BackaImage" onclick="onClick(); plusDivs(-1);" src="https://dummyimage.com/150x200/FF0000/FF0000"></div> <img class="mySlides" id="unique" src="https://dummyimage.com/300x400/000/fff"> <img class="mySlides" id="unique" src="https://dummyimage.com/300x400/ff00ff/2d3bfc"> <img class="mySlides" id="unique" src="https://dummyimage.com/300x400/FF0000/FF00"> <div style="position: absolute; margin-top: 50px; margin-left: 62.5%; width: 20%; height: auto;"><img onclick="plusDivs(+1);" src="https://dummyimage.com/150x200/FF0000/FF0000"></div> </div> </div>
將類分配給上一個 div 在幻燈片放映按鈕上單擊
楊魅力
2022-08-04 17:52:35
