關(guān)于源代碼的問(wèn)題
我用這份js代碼做了兩個(gè)不同尺寸的輪播圖，為什么只有一個(gè)有效果？另一個(gè)就沒(méi)有效果？
寶慕林6293660
2017-06-13
2 回答
舉報(bào)
0/150
提交
取消
2017-06-13
window.onload = function () { ? ?
var container = document.getElementById('container'); ? ?
var list = document.getElementById('list'); ? ?
var buttons = document.getElementById('buttons').getElementsByTagName('span'); ? ?
var prev = document.getElementById('prev'); ? ?
var next = document.getElementById('next'); ? ?
var index = 1; ? ?
var len = 5; ? ?
var animated = false; ? ?
var interval = 3000; ? ?
var timer; ? ?
function animate (offset) { ? ?
if (offset == 0) { ? ?
return; ? ?
} ? ?
animated = true; ? ?
var time = 300; ? ?
var inteval = 10; ? ?
var speed = offset/(time/inteval); ? ?
var left = parseInt(list.style.left) + offset; ? ?
var go = function (){ ? ?
if ( (speed > 0 && parseInt(list.style.left) < left) || (speed < 0 && parseInt(list.style.left) > left)) { ? ?
list.style.left = parseInt(list.style.left) + speed + 'px'; ? ?
setTimeout(go, inteval); ? ?
} ? ?
else { ? ?
list.style.left = left + 'px'; ? ?
if(left>-200){ ? ?
list.style.left = -600 * len + 'px'; ? ?
} ? ?
if(left<(-600 * len)) { ? ?
list.style.left = '-600px'; ? ?
} ? ?
animated = false; ? ?
} ? ?
} ? ?
go(); ? ?
} ? ?
function showButton() { ? ?
for (var i = 0; i < buttons.length ; i++) { ? ?
if( buttons[i].className == 'on'){ ? ?
buttons[i].className = ''; ? ?
break; ? ?
} ? ?
} ? ?
buttons[index - 1].className = 'on'; ? ?
} ? ?
function play() { ? ?
timer = setTimeout(function () { ? ?
next.onclick(); ? ?
play(); ? ?
}, interval); ? ?
} ? ?
function stop() { ? ?
clearTimeout(timer); ? ?
} ? ?
next.onclick = function () { ? ?
if (animated) { ? ?
return; ? ?
} ? ?
if (index == 5) { ? ?
index = 1; ? ?
} ? ?
else { ? ?
index += 1; ? ?
} ? ?
animate(-600); ? ?
showButton(); ? ?
} ? ?
prev.onclick = function () { ? ?
if (animated) { ? ?
return; ? ?
} ? ?
if (index == 1) { ? ?
index = 5; ? ?
} ? ?
else { ? ?
index -= 1; ? ?
} ? ?
animate(600); ? ?
showButton(); ? ?
} ? ?
for (var i = 0; i < buttons.length; i++) { ? ?
buttons[i].onclick = function () { ? ?
if (animated) { ? ?
return; ? ?
} ? ?
if(this.className == 'on') { ? ?
return; ? ?
} ? ?
var myIndex = parseInt(this.getAttribute('index')); ? ?
var offset = -600 * (myIndex - index); ? ?
animate(offset); ? ?
index = myIndex; ? ?
showButton(); ? ?
} ? ?
} ? ?
container.onmouseover = stop; ? ?
container.onmouseout = play; ? ?
play(); ? ?
}? ? ?
2017-06-13
代碼沒(méi)給出，怎么會(huì)知道呀