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

有没有人跟我一样,火狐浏览器运行正确,谷歌浏览器并不能完全达到-200,还留有一小段?

<script type="text/javascript">
            window.onload = function () {
                var odiv = document.getElementById('div1');
                odiv.onmouseover = function () {
                    startMove(0);
                }
                odiv.onmouseout = function () {
                    startMove(-200);
                }
            }
            var timer = null;
            
            function startMove (iTarget) {
                
                
                clearInterval(timer);
                var odiv = document.getElementById('div1');
                timer = setInterval(function () {
                    var speed = (iTarget - odiv.offsetLeft)/20;
                    speed = speed>0?Math.ceil(speed):Math.floor(speed);
                    if(odiv.offsetLeft == iTarget){
                    clearInterval(timer);
                    }else{
                       odiv.style.left = odiv.offsetLeft + speed + 'px';
                       }
                },30);            
            }
        </script>

正在回答

3 回答

这是谷歌浏览器自带的默认样式,可以百度如何清除,我记得是有一大段css代码的,直接拷贝到自己的css文件夹调用即可。

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

设置 *{padding:0;margin:0}

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

并没有啊,是不是你在第一次没添加取整判断前在谷歌浏览器运行没清缓存导致的呢

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

举报

0/150
提交
取消
JS动画效果
  • 参与学习       113925    人
  • 解答问题       1443    个

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

进入课程

有没有人跟我一样,火狐浏览器运行正确,谷歌浏览器并不能完全达到-200,还留有一小段?

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