av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

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

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

瀏覽:141日期: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 | 国产午夜精品久久 | 欧美一区二区三区在线 | 一区二区不卡视频 | 黑人巨大猛烈捣出白浆 | 免费国产精品视频 | 9l视频自拍九色9l视频成人 | 亚洲激情另类 | 18视频在线观看 | 国内精品视频 | 成人免费视频观看视频 | 日韩黄色片 | 日韩精品在线一区二区 | 黄色三级视频在线观看 | 欧美顶级黄色大片免费 | 日韩欧美国产高清91 | 国产精品1区2区 | 亚洲欧美日韩国产精品 | 黄网站免费在线观看 | 波多野结衣视频在线 | 99精品免费视频 | 精品久久久久久久久久久 | 不卡免费视频 | 操久| 麻豆av网 | 久久午夜视频 | 亚洲国产精 |