琴& 2019-01-16 14:25 采纳率: 50%
浏览 349
已采纳

为什么这个导航栏左右摇摆？

<!DOCTYPE html>
<html>
    <head>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <meta http-equiv="X-UA-Compatible" content="ie=edge">
            <title>分享到</title>
        <style>
            #div1
            {
                width: 100px;
                height: 200px;
                background-color: red;
                position: absolute;
                left: -100px;
            }
            #div1 span
            {
                width: 30px;
                height: 70px;
                background-color: yellow;
                position: absolute;
                left: 100px;
                top:50px;
                text-align: center;
            }
        </style>
        <script type="text/javascript">
        window.onload=function()
        {
            var oDiv = document.getElementById('div1');

            oDiv.onmouseover=function ()
            {
                startMove(0);
            }
            oDiv.onmouseout=function ()
            {
                startMove(-100);
            }
        }
        var timer=null;

        function startMove(iTarget)
        { 
            var oDiv = document.getElementById('div1');

            clearInterval(timer);
            timer=setInterval(function () {
                var iSpeed=0;

                if(oDiv.offsetLeft < iTarget)
                {
                    iSpeed = 10;
                }
                else
                {
                    iSpeed = -10;
                }
                if(oDiv.offetLeft==iTarget)
                {
                    clearInterval(timer);
                }
                else
                {
                    oDiv.style.left=oDiv.offsetLeft + iSpeed + 'px';
                }
            },200);
        }
        </script>
    </head>
    <body>
        <div id="div1">
            <span></span>
        </div>
    </body>
</html>
  • 写回答

1条回答 默认 最新

  • `奋力前行 2019-01-16 14:51
    关注

    if(oDiv.offsetLeft < iTarget)
    {
    iSpeed = 10;
    }
    else if(oDiv.offsetLeft > iTarget)
    {
    iSpeed = -10;
    }

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

悬赏问题

  • ¥20 腾讯企业邮箱邮件可以恢复么
  • ¥15 有人知道怎么将自己的迁移策略布到edgecloudsim上使用吗？
  • ¥15 错误 LNK2001 无法解析的外部符号
  • ¥50 安装pyaudiokits失败
  • ¥15 计组这些题应该咋做呀
  • ¥60 更换迈创SOL6M4AE卡的时候，驱动要重新装才能使用，怎么解决？
  • ¥15 让node服务器有自动加载文件的功能
  • ¥15 jmeter脚本回放有的是对的有的是错的
  • ¥15 r语言蛋白组学相关问题
  • ¥15 Python时间序列如何拟合疏系数模型