window.onload=function(){
? //獲取容器
? var div=document.getElementById("div");
? //獲取img
? var imgs=document.getElementById("div").getElementsByTagName("img");
? //獲取單張圖片的寬度
? var imgw=475;
? //設置掩藏門露出的寬度
? var expw=160;
? //設置每張圖片的初始位置
? function setpos(){
??? for(var i=1;i<imgs.length;i++){
????? imgs[i].style.left=imgw+expw*(i-1)+"px";
??? }
? }
? setpos();
? //計算滑動門打開的距離
? var juli=imgw-expw;
? //為每道門綁定事件
? for(var i=0;i<imgs.length;i++){
??? //為了獲取不同的i值，使用立即表達式
????? (function(i){
????? imgs[i].onmouseover=function(){
??????? //要將每到門復位
??????? setpos();
??????? //打開門的代碼
??????? for(var j=1;j<=i;j++){
????????? imgs[j].style.left=parseInt(imgs[j].style.left)-juli+"px";
??????? }
????? };
??? })(i);
? }
};