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

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

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

瀏覽:112日期: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
相關文章:
主站蜘蛛池模板: 免费观看欧美一级牲片一 | 久久一日本道色综合久久 | 日韩在线看片中文字幕不卡 | 欧美精品久久久久久久影视 | 日韩亚洲欧美理论片 | 大学生一级一片第一次欧美 | 欧美一级毛片高清免费观看 | 九九视频在线观看 | 日韩在线观看一区二区三区 | 亚洲欧美激情在线 | 久久99综合国产精品亚洲首页 | 美女张开腿让男人捅的视频 | 日本久久久 | 国产一级做a爰片在线 | 日本在线资源 | 久久久久久久性高清毛片 | 色婷婷久久综合中文久久蜜桃 | 中文字幕亚洲一区二区va在线 | 日韩精品一区二区三区不卡 | 中国性猛交xxxxx免费看 | 91亚洲国产成人久久精品网站 | 国产一级毛片国语版 | 国产午夜免费不卡精品理论片 | 中文字幕日韩一区二区 | 日本三级s级在线播放 | 亚洲国产精品自产拍在线播放 | 成人精品亚洲人成在线 | 成年人网站免费 | 5x社区直接进入一区二区三区 | 欧美一级毛片在线 | 久久精品网站免费观看 | 最新更新国内自拍视频 | 91精品一区二区三区在线观看 | 亚洲va视频| 国产网曝手机视频在线观看 | 最近中文字幕在线 | 中文 | 欧美粗又大gay69视频 | 欧美午夜视频一区二区 | 日韩欧美一级a毛片欧美一级 | 久久免费视频播放 | 免费 欧美 自拍 在线观看 |