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

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

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

瀏覽:119日期: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
相關文章:
主站蜘蛛池模板: 欧美日韩精品 | 天堂亚洲 | h网站在线观看 | 精品国产乱码一区二区三区 | 免费的黄色片子 | 精品国产一区二区三区性色av | 国产精品乱码一区二区三区 | 夜夜爽99久久国产综合精品女不卡 | 在线看中文字幕 | 免费人成在线观看网站 | www四虎com| 天天宗合网 | 久久久www成人免费无遮挡大片 | 欧美精品三区 | 2021天天躁夜夜看 | 国产精品久久久久久吹潮 | 网站国产 | 国产激情视频网站 | 狼人伊人影院 | 日日摸夜夜添夜夜添特色大片 | www.狠狠干| 爱爱视频日本 | 永久av| 亚洲www啪成人一区二区麻豆 | 国产精品一区2区 | 精品国产乱码久久久久久蜜退臀 | 免费激情av| 欧美一级免费看 | 欧美国产视频 | 国产成人在线视频播放 | 孕妇一级毛片 | 精品国产一二三区 | 国产xxxx岁13xxxxhd | 日韩欧美一区二区三区四区 | av片免费| 伊人久久综合 | 一区不卡在线观看 | 国产欧美一区二区精品久导航 | av免费观看在线 | 欧美一级毛片在线播放 | xx视频在线观看 |