为什么一定要用函数mav(),不知道用的原理 但是不用,划过就一下就过去了

来源:1-3 实例JS+DOM

定点攻击

2015-11-01 16:39

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">

        <link rel="stylesheet" type="text/css" href="css/css.css">

        <script type="text/javascript" src="js/js.js"></script>

    </head>

    <body>

    <div id="container">

        <img src="images/door1.png" alt="">

        <img src="images/door2.png" alt="">

        <img src="images/door3.png" alt="">

        <img src="images/door4.png" alt="">

    </div>

    </body>

</html>


js部分:

window.onload=function(){

    var box=document.getElementById('container');

    var imgs=box.getElementsByTagName('img');

    var imgWidth=imgs[0].offsetWidth;

    var exposWidth=160;

    var boxWidth=imgWidth+(imgs.length-1)*exposWidth;

    box.style.width=boxWidth+'px';

    function setimg(){

        for(var i=1;i<imgs.length;i++){   

            imgs[i].style.left=imgWidth+exposWidth*(i-1)+'px';  

        }

    }

    setimg();

    var transWidth=imgWidth-exposWidth;

    for(var i=0;i<imgs.length;i++){

        function mav(i){

            imgs[i].onmouseover=function(){

                setimg();

                for(var j=1;j<=i;j++){

                    imgs[j].style.left=parseInt(imgs[j].style.left,10)-transWidth+'px';

                }

            }

    };

    mav(i);

    }

};


写回答 关注

2回答

  • 别担心_有我陪着你
    2015-11-04 08:21:19
    已采纳

    换句话说,就是确定鼠标当前在哪张图片上,然后确定对其他的图片进行什么操作

    定点攻击 回复ciloi

    看懂了 感谢

    2015-11-16 10:47:45

    共 3 条回复 >

  • 别担心_有我陪着你
    2015-11-01 17:38:45

    为了获得鼠标当前位置

    定点攻击

    鼠标的位置不是onmouseover 来协作的嘛 还是有点不懂

    2015-11-02 09:53:34

    共 1 条回复 >

DOM探索之基础详解篇

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

98368 学习 · 251 问题

查看课程

相似问题