亚洲精品久久久中文字幕-亚洲精品久久片久久-亚洲精品久久青草-亚洲精品久久婷婷爱久久婷婷-亚洲精品久久午夜香蕉

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

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

瀏覽:124日期: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
相關文章:
主站蜘蛛池模板: 国产午夜亚洲精品久久999 | 毛片在线看网站 | 国产三级在线播放不卡 | 999精品视频在线 | 91短视频在线观看 | 国产成人综合久久精品亚洲 | 鲁久久 | 激情免费网站 | 欧美日韩一区二区三 | 青草久操 | 国产成人综合一区精品 | 最新亚洲精品国自产在线观看 | 亚洲18卡通动漫在线播放 | 成人性生活免费视频 | 在线精品国产一区二区 | 黄 色 片在观看 | 亚洲精品欧美精品 | 国产69精品久久久久9牛牛 | 亚洲高清heyzo加勒比 | 深夜在线看片 | 黄色中文字幕 | 成人免费男女视频网站慢动作 | 久久99国产精品久久99无号码 | 亚洲欧美日韩中文不卡 | 国产五月色婷婷六月丁香视频 | 日本黄大片免播放视播放器 | 亚洲免费色视频 | 91国偷自产一区二区三区 | 亚洲欧美在线免费 | 欧美三区在线观看 | 国产精品999视频 | 国产中的精品一区的 | 国产麻豆永久视频 | 妞干网在线观看 | 91亚洲国产系列精品第56页 | 九九久久免费视频 | 成人蜜桃网 | 国产免费叼嘿视频 | 欧美在线视频精品 | 亚洲最大网站 | 欧美扩阴 |