跟著敲不一樣。。。
誰(shuí)有完整的代碼，跟著敲為什么會(huì)有那么大的差異？
春風(fēng)暖陽(yáng)
2018-11-11
1 回答
舉報(bào)
0/150
提交
取消
2018-11-23
window.onload=function(){
var container=document.getElementById('container');
var list=document.getElementById('list');
var buttons=document.getElementById('button').getElementsByTagName('span');
var prev=document.getElementById('prev');
var next=document.getElementById('next');
var index=1;?
var animated=false;
? ? //按鈕高亮
? ? function showButton(){
? ? for (var i = 0; i < buttons.length; i++) {
? ? buttons[i].className='';
? ? }
? ? buttons[index-1].className='on';
? ? }
? ? //驅(qū)動(dòng)left的變化,切換圖片
? ? function animate(offset){
? ? animated=true;
? ? var newLeft=parseInt(list.style.left)+offset;
? ? ? ? var time=200;//位移總時(shí)間
? ? ? ? var interval=10;//位移間隔時(shí)間
? ? ? ? var speed =offset/(time/interval);//每次位移量
? ? ? ? //位移之前的判斷函數(shù)，是否位移
? ? ? ? function go(){
? ? ? ? //向左移動(dòng)&&獲取值大于目標(biāo)值
? ? ? ? if( (speed<0 && parseInt(list.style.left)>newLeft)||(speed>0 && parseInt(list.style.left)<newLeft) ){
? ? ? ? list.style.left=parseInt(list.style.left)+speed+'px';
? ? ? ?
? ? ? ? setTimeout(go,interval);
? ? ? ? }else{
? ? ? ? animated=false;
? ? ? ? list.style.left=newLeft+'px';
? ? ? ? if (newLeft>-600) {
? ? ? ? list.style.left=-3000+'px';
? ? ? ? }
? ? ? ? if(newLeft<-3000){
? ? ? ? list.style.left=-600+'px';
? ? ? ? }
? ? ? ? }
? ? ? ? }?
? ? ? ? go();
? ? }?
? ? ? ? //右按鈕單擊
? ? ? ? next.onclick=function(){
? ? ? ? if (index==5) {
? ? ? ? index=1;
? ? ? ? }else{
? ? ? ? index+=1;
? ? ? ? }? ? ?
? ? ? ? showButton();
? ? ? ? if (!animated) {
? ? ? ? ? animate(-600);
? ? ? ? }
? ? ? ? }
? ? ? ? //左按鈕單擊
? ? ? ? prev.onclick=function(){
? ? ? ? if (index==1) {
? ? ? ? index=5
? ? ? ? }else{
? ? ? ? index-=1;
? ? ? ? }
? ? ? ? showButton();
? ? ? ? if (!animated) {
? ? ? ? animate(+600);
? ? ? ? }? ? ?
? ? ? ? }
? ? ? ? for (var i = 0; i < buttons.length; i++) {
? ? ? ? buttons[i].onclick=function(){
? ? ? ? if(this.className=='on'){
? ? ? ? return;
? ? ? ? }
? ? ? ? var myIndex=parseInt(this.getAttribute('index'));
? ? ? ? var offset=-600*(myIndex-index);
? ? ? ? index = myIndex;
? ? ? ? showButton();
? ? ? ? if (!animated) {
? ? ? ? animate(offset);
? ? ? ? }
? ? ? ? }
? ? ? ? }
? ? }