求助！這段代碼哪里錯了??？大神指點迷津
<script>
??? window.onload=function(){
?? ???? var box=document.getElementsByTagName("div");
?? ??? ?var imgs=box.getElementsByTagName("img");
?? ??? ?var imgWidth=imgs[0].offsetWidth;
?? ??? ?var exposedWidth=300;
?? ??? ?var boxWidth=imgWidth+exposedWidth*(imgs.length-1);
??????? box.style.width=boxWidth+"px";
?? ??? ?function setImgsPos(){
?? ??? ??? ?for(var i=1,len=imgs.length;i<len;i++){
?? ??? ???????? imgs[i].style.left=imgWidth+exposedWidth*(i-1)+"px";
?? ??? ??? ?};
?? ??? ?}
?? ??? ?setImgsPos();
?? ??? ?var translate=imgWidth-exposedWidth;
?? ??? ?for(var i=0,len=imgs.length;i<len;i++){
?? ??? ???? (function(i){
?? ??? ??? ???? imgs[i].onmouseover=function(){
?? ??? ??? ??? ??? ?setImgsPos();
??????????????????? for(var j=1,j<=i;j++){
?? ??? ??? ??? ??? ???? imgs[j].style.left=parseInt(imgs[j].style.left,10)-translate+"px";
?? ??? ??? ??? ??? ?};
?? ??? ??? ??? ?};
?? ??? ??? ?}(i));
?? ??? ?};
?? ?};
??? </script>
2016-11-13
不是冒號，是分號。；；；；；；；；；；；；；；
2016-11-13
for(var?i=1,len=imgs.length;i<len;i++){ ????????????????imgs[i].style.left=imgWidth+exposedWidth*(i-1)+"px"; ????????????};后面沒有冒號
for?(var?i?=?0,?len?=?imgs.length;?i?<?len;?i++)?{ //使用立即調(diào)用的函數(shù)表答式，為了獲得不同的i值 (function(i)?{ imgs[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); }冒號 有無 自己對應(yīng)的看下
最后的
也沒有 冒號
2016-11-13
1.花括號后面不要加分號
2.第三個for循環(huán)的條件寫錯了，var j=1后面應(yīng)該改為分號，應(yīng)該這樣寫為for(var j=1;j<=i;j++)
3.開頭和結(jié)尾的<script></script>不要
4.還有你沒寫，圖片的初始位置，還有移動的距離
?5.var box=document.getElementsByTagName("div");改為，是獲取id
var box = document.getElementById('div');
6.第三個for循環(huán)
for(var j=1;j<=i;j++){
? ?imgs[j].style.left=parseInt(imgs[j].style.left,10)-translate+"px";
}
執(zhí)行語句里的imgs[j]改為imgs[i],如下
for(var j=1;j<=i;j++){
? ?imgs[j].style.left=parseInt(imgs[i].style.left,10)-translate+"px";
}
7.最后的(i),放在括號之外--->)(i);
我也不知道說什么，加油！