色综合图-色综合图片-色综合图片二区150p-色综合图区-玖玖国产精品视频-玖玖香蕉视频

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

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

瀏覽:112日期: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
相關文章:
主站蜘蛛池模板: 国产爱啪啪 | 精品视频一区二区三区免费 | 成人久久视频 | 一区二区三区免费看 | 日韩高清成人毛片不卡 | 黄页网址免费观看18网站 | 全国男人的天堂网 | 男人天堂欧美 | 日本午夜视频 | 国产一级爱 | 成人18免费入口 | 日本手机在线视频 | 国产97视频| 亚洲高清在线播放 | 欧美精品videos | 欧美成人一区二区三区 | 热re66久久精品国产99热 | 99久久精品免费看国产免费 | 日韩 欧美 自拍 在线 视频 | 美女被免费网站在线软件 | 超级碰碰碰视频视频在线视频 | 国产激情自拍 | 成人午夜久久 | 成人国产亚洲欧美成人综合网 | 91久久精品视频 | 亚洲精品国产一区二区在线 | 三级网站在线免费观看 | 国产爽的冒白浆的视频高清 | 国产日比视频 | 一级做a爱过程免费视频麻豆 | 亚洲精品一区二区三区四区 | 亚洲精品线在线观看 | 久久精品免观看国产成人 | 日韩不卡一级毛片免费 | 性久久久久久久久久 | 亚洲欧美日韩精品久久亚洲区 | 中文字幕亚洲一区二区v@在线 | 精品亚洲一区二区 | 色偷偷亚洲精品一区 | 亚洲精品日本高清中文字幕 | 欧美一级www片免费观看 |