發表文章

目前顯示的是 4月, 2020的文章

javascript利用餘數寫網頁loop輪播器slider當前index

/*html*/ <div class="arrow arrow_left" onclick="changeindex(-1);"></div> <div class="arrow arrow_right" onclick="changeindex(1)"></div> /*javascript*/ var this_index = 0; //設定一個初始0的整數 function changeindex(change){     this_index = (this_index+change+7)%7;     console.log(this_index) } 邏輯是(例如): 30%30=>0 31%30=>1 32%30=>2 33%30=>3 7的部分要看你的slider的lenght(長度)而定, 如此一來按左右兩箭頭就能判斷slider當前的index囉!進而寫出輪播器效果