function Tldoor(){
this.aa=document.getElementsByClassName('aa');
}
Tldoor.prototype={
change:function(obj1,obj2){
for(var i=1;i<this.aa.length;i++){
this.aa[i].style.left=obj1+(i-1)*obj2+"px";
}
},
leftchange:function(index){
for(var j = 1;j<index+1;j++){
this.aa[j].style.left=50*j+"px";
}
},
evechange:function(){
var that=this;
for(var i=0;i<that.aa.length;i++){
that.aa[i].index=i;
that.aa[i].onmouseover = function(){
that.change(300,50);
that.leftchange(this.index);
}
}
}
}
var door = new Tldoor();
door.change(300,50);
door.evechange();
this.aa=document.getElementsByClassName('aa');
}
Tldoor.prototype={
change:function(obj1,obj2){
for(var i=1;i<this.aa.length;i++){
this.aa[i].style.left=obj1+(i-1)*obj2+"px";
}
},
leftchange:function(index){
for(var j = 1;j<index+1;j++){
this.aa[j].style.left=50*j+"px";
}
},
evechange:function(){
var that=this;
for(var i=0;i<that.aa.length;i++){
that.aa[i].index=i;
that.aa[i].onmouseover = function(){
that.change(300,50);
that.leftchange(this.index);
}
}
}
}
var door = new Tldoor();
door.change(300,50);
door.evechange();