当鼠标滑向第一第二张图片时,并不能退回到原来的位置。

来源:1-3 实例JS+DOM

qq_浮夸rose_03349538

2017-05-07 18:16

http://img.mukewang.com/590ef3ac00013a9012550364.jpg

怎么使第二张图片回到原位置

写回答 关注

2回答

  • 慕粉3348155
    2018-01-18 12:00:29

    没代码,没真相,不过我也遇到了类似问题。我的问题是:没给第一张图绑定事件,即是说检查for循环for (var i = 0, len = imgs.length; i < len; i++),i变量,从0开始,这个问题就解决了,希望能帮到你

       //为每道门绑定事件
            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);
            }

  • 慕的地5968076
    2017-05-07 20:54:03

    执行划动之前,先调用之前的定义的图片位置方法 将图片位置复原

DOM探索之基础详解篇

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

98374 学习 · 238 问题

查看课程

相似问题