求助!這段代碼哪里錯了???大神指點迷津
<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
后面沒有冒號
冒號 有無 自己對應的看下
最后的
也沒有 冒號
2016-11-13
1.花括號后面不要加分號
2.第三個for循環的條件寫錯了,var j=1后面應該改為分號,應該這樣寫為for(var j=1;j<=i;j++)
3.開頭和結尾的<script></script>不要
4.還有你沒寫,圖片的初始位置,還有移動的距離
?5.var box=document.getElementsByTagName("div");改為,是獲取id
var box = document.getElementById('div');
6.第三個for循環
for(var j=1;j<=i;j++){
? ?imgs[j].style.left=parseInt(imgs[j].style.left,10)-translate+"px";
}
執行語句里的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);
我也不知道說什么,加油!