为了账号安全,请及时绑定邮箱和手机立即绑定

我设置speed为-1或者-5的时候时移出,而不是移入

<!DOCTYPE html>
<html>
    <head>
        <title>Date TEST</title>
        <style>
            #div1{
                left: 300px;
                width: 200px;
                height: 100px;
                position: relative;
                background-color: red;
            }
            #div1 span{
                width: 20px;
                height: 50px;
                background: blue;
                position: absolute;
                left: 200px;
                top: 75px;
            }
        </style>
    </head>
    <body>
        <div id="div1">This is a div for testing animation</br>
            <span>TESTING</span>
        </div>
    </body>
    <script>
        window.onload = function(){
            var oDiv = document.getElementById('div1');
            oDiv.onmouseover = function(){
                startMove(-10, 100);
            }
        }
        var timer = null;
        function startMove(speed, Target){
            clearInterval(timer);
            var oDiv = document.getElementById('div1');
            timer = setInterval(function(){
                if(oDiv.offsetLeft === Target){
                    clearInterval(timer);
                }
                else
                {
                    oDiv.style.left = oDiv.offsetLeft + speed + 'px';
                }
            }, 30) 
        }
    </script>
</html>


正在回答

1 回答

负值是向左运动,向左不就是移出么

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

刘颜 提问者

我设置的left:300px的,所以跟视频不一样
2016-10-30 回复 有任何疑惑可以回复我~
#2

刘颜 提问者

我设置-1,-5根-10的方向是相反的
2016-10-31 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

我设置speed为-1或者-5的时候时移出,而不是移入

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信