今天做了一个tab选项卡切换的编码,代码写完,图片可以自动切换,但是鼠标移入再移除,图片不再自动切换,看了就才发现是这里出错了:
window.onload=function(){
var wrap=document.getElementById('wrap'),
pic=document.getElementById('pic'),
lists=document.getElementById('list').getElementsByTagName('li'),
index=0,
timer=null;
function auto(){
timer=setInterval(function(){
index++;
if(index>=lists.length){
index=0;
}
change(index);
},2000);
}
auto();
function change(curindex){
pic.style.marginTop=-170*curindex+'px';
for(j=0;jlists[j].className='';
}
lists[curindex].className='on';
index=curindex;
}
wrap.onmouseover=function(){
clearInterval(timer);
}
wrap.onmouseout=auto;
for(var i=0;i lists[i].id=i;
lists[i].onmouseover=function(){
change(this.id);
}
}
}
1、我错写成wrap.onmouseout=auto(); 不应该加括号,直接写要调用的函数名字就ok了。
2、在补充一个我编码过程的二啦吧唧错误,function写错了,结果报错Uncaught SyntaxError: Unexpected token {
3、在此也在补充一点,图片轮播,鼠标滑过还能正确正确切换显示(即从你鼠标滑过的下一个图片开始滑动),蓝 {MOD}字体很重要。