2回答

• 

  慕斯0126274

  2016-12-03 20:21:47

  js第十行img少写了个s哎
  

  0 0
• 

  西兰花伟大炮

  2016-11-14 21:08:46

  <script>
      window.onload = function () {
          /*注意添加window.onload*/
          var box = document.getElementById("container");
          /*获取图片集*/
          var imgs = box.getElementsByTagName("img");
          /*获取单张图片的宽度*/
          var picwidth = imgs[0].offsetWidth;
          /*定义需要遮盖的宽度*/
          var pushwidth = 160;
          /*整个盒子的总宽度*/
          var boxwidth = picwidth + (imgs.length - 1 ) * pushwidth;
          box.style.width = boxwidth + 'px';
          /*定义后面几张图片的左坐标*/
          function setimagepos() {
              for (var i = 1, len = imgs.length; i < len; i++) {
                  imgs[i].style.left = picwidth + (i - 1) * pushwidth + "px";
              }
          };
          setimagepos();
          /*图片展开需要向左移动的距离*/
          var translate = picwidth - pushwidth;
  
          for(var i = 0,len = imgs.length;i<len;i++){
              (function (i) {
                  imgs[i].onmouseover = function () {
                      setimagepos();
                      for( var j = 1;j<=i;j++)
                      {
                          imgs[j].style.left = parseInt(imgs[j].style.left,10) - translate +"px";
                      }
                  }
              })(i);
          }
      }
  
  </script>
  </html>

  给你看看我的
  

  0 0