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
相關文章:
主站蜘蛛池模板: 丁香婷婷在线视频 | 国产日韩一区二区三免费高清 | www.日本国产 | 欧美一级片在线看 | 国产精品精品 | 欧美日韩一卡 | 三级视频在线观看电影 | 久久成人精品视频 | 99视频在线看 | 欧美精品v | 亚洲精品成人免费 | 丁香综合 | 桃花av在线 | 国产精品久久欧美久久一区 | 无码日韩精品一区二区免费 | 成人三级视频在线观看 | 91精品国产91久久综合桃花 | 午夜电影福利 | 99re6在线视频 | 国内精品99| 国产精品视频导航 | 成年人在线视频 | 99精品久久久久久久 | 国产xxxx在线 | 日韩av一区二区在线观看 | 亚洲国产偷| 亚洲一区 中文字幕 | 日本电影韩国电影免费观看 | 少妇精品亚洲一区二区成人 | 丝袜一区二区三区 | 视频一二三区 | 欧美日韩在线一区二区 | 国产精品网址 | av国产精品| 欧美在线观看黄色 | 日本久草 | 91视在线国内在线播放酒店 | 男女啪啪高潮无遮挡免费动态 | 99热精品国产 | 免费爱爱视频 | 福利网址 |