午夜剧场伦理_日本一道高清_国产又黄又硬_91黄色网战_女同久久另类69精品国产_妹妹的朋友在线

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

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

瀏覽:216日期: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
相關文章:
主站蜘蛛池模板: 日本中文字幕一区二区 | 成人性生交大片免费 | 人人超碰97 | 99久久久免费精品 | 欧美视频一二区 | 国产一区在线观看视频 | 国产精品热 | 高清一级片 | 国产91在线视频 | 国产性av | 国产一级二级毛片 | 日本在线观看www | 精品欧美久久 | 99re视频在线| 男人的天堂在线视频 | 国产精品超碰 | 99精品热视频 | www在线| 欧美性猛交乱大交 | 国产在线999 | 国产一区二区视频免费观看 | 中文字幕视频观看 | 亚色网站 | 久久人视频| 亚洲福利网站 | 亚洲h视频在线观看 | 裸体大乳女做爰69 | 亚洲一区天堂 | 久久国产日韩 | 成人av网站在线观看 | 青草久久久久 | 四虎在线免费观看视频 | 欧美专区在线播放 | 日韩av色| 91最新网站| 四虎最新网址在线观看 | 免费的毛片网站 | 婷婷免费视频 | 日韩成人免费 | 午夜看片在线 | 香蕉视频免费在线观看 |