久久福利_99r_国产日韩在线视频_直接看av的网站_中文欧美日韩_久久一

您的位置:首頁技術文章
文章詳情頁

javascript - 無縫輪播最后一張怎么切換到第一張?

瀏覽:132日期:2022-12-14 11:47:31

問題描述

<script> var next = document.getElementById('next'); var prev = document.getElementById('prev'); var ul = document.getElementsByTagName('ul')[0]; var li = document.getElementsByTagName('li'); var x=0; next.onclick = function(){x = x -289;ul.style.transform='translate3d('+x+'px,0,0)';} prev.onclick = function(){x = x +289;ul.style.transform='translate3d('+x+'px,0,0)'; }</script>

問題解答

回答1:

可以把第一張復制,放到最后。例如: 123451當輪播到了最后一張1的時候,把整個的輪播圖移動位置還原為原始狀態。

回答2:

把輪播圖clone出一個一樣的。(eg:(圖1圖2圖3)(圖1圖2圖3))

當圖片移動到序號為1的時候判斷有沒有上一個元素,如果沒有把后面整個sroll搬過去到最前面去,然后做輪播,否則直接輪播(這種情況注意定位的left值也要隨之先改變)

當移動到最后一張的時候同理

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 国产美女久久久 | 成人亚洲 | 成人高清视频在线观看 | 毛片免费视频 | 男女免费视频 | 久草青青 | 天堂中文资源在线 | 91在线中文字幕 | 色综合久久久久 | 国产精品久久久爽爽爽麻豆色哟哟 | 国产黄色精品 | 国产乱码一区二区三区在线观看 | 丰满少妇久久久久久久 | 老司机深夜福利在线观看 | a黄视频 | 国产色在线 | 91在线资源 | 国产精品久久久 | 男女网站视频 | 狠狠艹视频| 四虎欧美| 亚洲一区二区视频在线播放 | 欧洲一级毛片 | 欧美激情一区二区三级高清视频 | 在线免费观看羞羞视频 | 久久精品亚洲精品国产欧美 | 午夜激情在线 | 国产激情在线观看 | 国产精品国产精品国产 | 91在线精品一区二区 | 视频一区 中文字幕 | 国产剧情一区二区 | 精品久久网 | 一级毛片免费观看 | 成a人片在线观看 | 国产区视频在线观看 | 久久精品a级毛片 | 欧美激情一区二区三区蜜桃视频 | 精品国产乱码久久久久久闺蜜 | 日韩久草 | av下一页 |