為什么沒有圖片鋪開的效果
視頻JS+DOM中02：38的那時(shí)候的效果不能實(shí)現(xiàn)，總是四張圖片堆疊在一起。為什么 啊？我的代碼和老師的是一樣的。
慕瓜4948133
2016-03-11
3 回答
舉報(bào)
0/150
提交
取消
2016-03-16
開始的前兩行，我就沒有效果。第一行有效果，從第二行開始就沒有了
2016-03-11
window.onload=function(){
//獲得容器對(duì)象
var box=document.getElementById('container');
//獲得圖片NodeList對(duì)象集合
var imgs=box.getElementsByTagName('img');
//單張圖片的寬度
var imgWidth=imgs[0].offsetWidth;
//設(shè)置掩藏門體露出的寬度
var exposeWidth=160;
//設(shè)置容器的總寬度
var boxWidth=imhWidth+(imgs.length-1)+exposeWidth;
box.style.width=boxWidth+'px';
//每道門的初始位置
function setImgsPos(){
for(var i=1,len=imgs.length;i<len;i++)
? ? {
? ?imgs[i].style.left=imgWidth+exposeWidth*(i-1)+'px';
?}
}
setImgsPos();
//計(jì)算每道門打開時(shí)移動(dòng)的距離
var translate=imgWidth-exposeWidth;
//為每道門綁定事件
for(var i=0,len=imgs.length;i<len;i++){
//使用立即調(diào)用的函數(shù)表達(dá)式，為了獲得不同的i值
? ? (function(i){
img[i].onmouseover=function(){
//先將每道門復(fù)位
setImgsPos();
//打開門
for(var j=1;j<=i;j++)
{
imgs[j].style.left=parseInt(imgs[j].style.left,10)-translate+'px';?
}
?
};
?
})(i);
}
};//加載完窗口所有內(nèi)容之后執(zhí)行function；
這是我的JS文件
2016-03-11
只發(fā)圖片別人不清楚的