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

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

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

瀏覽:229日期: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国产一区二区 | 看黄色一级大片 | 96精品国产 | 久久网免费视频 | 国产113页 | 91免费精品视频 | 日韩在线免费观看视频 | 国产一区二区视频在线播放 | 黄色片免费视频 | 日韩精品无码一区二区三区 | 国产欧美中文字幕 | 国产中文字幕在线观看 | 精品免费一区二区三区 | 免费黄色在线观看 | 一级片在线免费 | 日韩av综合网 | 成年人网站在线 | 久久久久久久久久av | 亚洲精品无 | 亚洲精品综合 | 久久影院午夜 | 你懂的国产在线 | 欧美精品久久久久久久久老牛影院 | 亚洲手机在线观看 | 久久精品在线观看 | 成年人在线免费观看视频网站 | 国产黄色的视频 | 超碰免费97 | 精品久久久久久久久久久久久久久 | 亚洲人网站 | 日韩视频在线观看一区二区 | 伊人天堂在线 | 自拍 亚洲 | 日韩中文av| 国产欧美成人 | 噜噜噜在线视频 |