鼠标移出的时候,那块div并不会 返回到最初的位置.

来源:2-1 JS速度动画

好雪君

2015-10-26 20:09

    window.onload = function () {

        

        var oDiv = document.getElementById('top');

        oDiv.onmouseover = function () {

            startMove(200);

        }

        oDiv.onmouseout = function () {

            startMove1(0);

        }

    }

    function startMove(end) {

        clearInterval(stop);

        var oDiv = document.getElementById('top');

        var stop = setInterval(function () {

            var speed = 0;

            if (oDiv.offsetLeft > end) {

                speed = -10;

            } else {

                speed = 10;

            }

            if (oDiv.offsetLeft == end) {

                clearInterval(stop);

            } else {

                oDiv.style.left = oDiv.offsetLeft + speed + 'px';

            }

        }, 30);

        

    }


写回答 关注

1回答

  • 紫焰123
    2015-10-26 20:27:49
    已采纳
    var oDiv = document.getElementById('top');
            oDiv.onmouseover = function () {
                startMove(200);
            }
            oDiv.onmouseout = function () {
                startMove1(0);
            }

    注意第二个startMove。你写错了,写成了startMove1()

    好雪君

    谢谢你哈.没想到还真有人回答/哈哈

    2015-10-27 19:03:44

    共 1 条回复 >

JS动画效果

通过本课程JS动画的学习,从简单动画开始,逐步深入各种动画框架封装

113925 学习 · 1443 问题

查看课程

相似问题