国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

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

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

瀏覽:138日期: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的時候,把整個的輪播圖移動位置還原為原始狀態(tài)。

回答2:

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

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

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

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 欧美日韩高清不卡一区二区三区 | 在线观看亚洲 | 欧洲欧美成人免费大片 | 中文字幕一区二区三区视频在线 | 久久精品国产在爱久久 | 加勒比久久综合 | 黄色网点 | 亚洲午夜久久 | 免费一区二区三区四区 | 毛茸茸年轻成熟亚洲人 | 小明台湾成人永久免费看看 | 亚洲午夜综合网 | 亚洲巨乳自拍在线视频 | 九九热久久免费视频 | 在线观看日本免费视频大片一区 | 免费一级欧美大片久久网 | 手机看片国产精品 | 亚洲国产欧美91 | 亚洲人免费视频 | 欧美性活一级视频 | 2022国产精品手机在线观看 | 久久97视频 | 亚洲国产精品成 | 高清一区二区三区四区五区 | 禁止18周岁进入免费网站观看 | 一区二区精品在线 | 一级片 mp4| 中国三级网站 | 看全黄男人和女人视频 | 99久久国产综合精品2020 | 久久在线资源 | 97影院理论在线观看 | 国产爽的冒白浆的视频高清 | 国产精品美女免费视频大全 | 亚洲性生活视频 | 午夜人成 | 九九精品激情在线视频 | 久久精品亚洲一级毛片 | 2021国内自拍| 99精品在免费线视频 | 国产精品资源手机在线播放 |