var btt=document.querySelectorAll(".btt");//错误1，获取整个集合，而不是一个
计时器
//2，清除所有的页面的计时器，鼠标移入清除
box.onmouseover = function() {
clearInterval(t); //为什么清除不了，因为结构都放在计时器里面了，有不停的循环，失效
}
//鼠标移出清零，为什么要清除计时器的事件，这样可以就可以点击它就停，而不是它不是自动跳转
box.onmouseout = function() {
t = setInterval(fun1, 1000);
}
//这里容易出错，不怎么懂
for (var i = 0; i < btn.length; i++) {//for循环按钮的长度绑定事件
btn[i].index = i; //自定义一个下标，存入长度;
btn[i].onclick = function() { //添加点击事件
for (var j = 0; j < btn.length; j++) { //再次循环的他的长度
btn[j].style.background = "yellowgreen";//没点击是黄绿
imge[j].style.display = "none"; //图片全部隐藏
}
this.style.background = "yellow"; //点击它变成黄色
imge[this.index].style.display = "block"; //图片隐藏
num = this.index; //bun的下标的长度等于num图片的值，这样它的顺序就不会乱
}
}
这里还需要吸收
left.onclick=function(){
num--; //num--往后翻
if(num==-1){ //不减-1,它就算空白
num=imgs.length-1; //跳不到最后一个
}
for(var i=0;i<imgs.length;i++){//fon循环imge的长度。
imgs[i].style.display="none"; //图片全部隐藏
btt[i].style.background="black"; //按钮变成黑色
}
imgs[num].style.display="block";//图片全部显示
btt[num].style.background="red"; //按钮改成红色
}
num=$(".img").length-1;//正确的是这个
//错误这个地方元素要包起来 //错误的是num=img.length-1
