// 滑过滑过、离开、点击每个选项时
for(var i=0; i<as.length; i++){
as[i].num = i
as[i].onmouseover = function(){
this.style.background = '#ccc'
index = as[i].num-1;
}
as[i].onmouseout = function(){
this.style.background = '#fff'
}
as[i].onclick = function(event){
event = event||window.event;
if(event.stopPropagation){
event.stopPropagation();
}else{
event.cancelBubble = true;
}
menu.style.display = 'none';
title.innerHTML = this.innerHTML;
}
}
1、as[i].num = i,是赋值给as一个属性,叫num,num的值=i。目的就是为了记录mouseover时的那个as[i]的i值。你给的这个程序有点bug,index = as[i].num-1; 最好改为index=this.num。这样就完美的将鼠标滑过事件所在的那一项的i值记录给了index(全局变量),这样当index在键盘事件中引用时,就能完美的与鼠标事件混合了。
2、不能var i=as[i].num。因为i已经在for语句中定义了。
3、用.index也可以,用.m,.xxxxxx都可以,但是这个index只是as[i]的一个属性,不是全局变量index。