                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /DOM探索之基础详解篇

求助！这段代码哪里错了啊？大神指点迷津

<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

源自：DOM探索之基础详解篇 1-3

关注问题我要回答

1328

操作

收起

3 回答

yuyu391
2016-11-13

不是冒号，是分号。；；；；；；；；；；；；；；

0 回复有任何疑惑可以回复我~

#1

九方名座提问者

是的，被你带沟里了。。。

2016-11-13 回复有任何疑惑可以回复我~

#2

yuyu391 回复九方名座提问者

嗯，我把分号当成冒号了。还不如直接打；；；；；；；；；；；；；

2016-11-13 回复有任何疑惑可以回复我~

yuyu391
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++) {
		//使用立即调用的函数表答式，为了获得不同的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>

也没有冒号

0 回复有任何疑惑可以回复我~

#1

九方名座提问者

冒号没有影响的

2016-11-13 回复有任何疑惑可以回复我~

#2

九方名座提问者回复九方名座提问者

有分号规范一点

2016-11-13 回复有任何疑惑可以回复我~

DD慕帆
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);

我也不知道说什么，加油！

0 回复有任何疑惑可以回复我~

#1

九方名座提问者

除了第二点其他的并不是错误，改为分号后还是没能解决问题，共勉！

2016-11-13 回复有任何疑惑可以回复我~

#2

DD慕帆回复九方名座提问者

但是我把你的代码，改了，可以运行

2016-11-13 回复有任何疑惑可以回复我~

#3

九方名座提问者回复 DD慕帆

改了哪些？

2016-11-13 回复有任何疑惑可以回复我~

查看3条回复

举报

0/150

提交

取消

DOM探索之基础详解篇

参与学习 98374 人
解答问题 238 个

要知道前端大牛都是从精通DOM开始的，全面讲解DOM的基础知识

本课相似问答

2 回答老湿，你的domReady.js中这段代码，在这里不久死循环了吗？

1 回答老湿，第三章中的domReady.js中这段代码，在这里不久死循环了吗？

2 回答CSS代码具体在哪里下载的？

2 回答建议大神修改

4 回答sublime里js代码高亮用什么插件啊

搜索更多本课相关问答

求助！这段代码哪里错了啊？大神指点迷津

我要回答关注问题

意见反馈帮助中心 APP下载