[已解决]为啥盒子不移动啊，

小黄练编程 · 发表于 2022-4-7 20:45:21

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>动画函数封装</title>
<style>
div{
width:100px;
height:100px;
background-color:gold;
}
</style>
</head>
<body>
<div>1</div>
<button>点击移动盒子</button>
<script>
var div=document.querySelector('div');
function animate(obj,target,callback){
clearInterval(obj.timer);
obj.timer=setInterval(function(){
var step=(target-obj.offsetLeft)/10;
step=step>0?Math.ceil(step):Math.floor(step);
if(obj.offsetLeft==target){
clearInterval(obj.timer);
if(callback){
callback();
}
}
obj.style.left=obj.offsetLeft+step+'px';
},1);
}
div.addEventListener('click',function(){
animate(div,800);
alert('美好');
});
</script>
</body>
</html>

复制代码

最佳答案

月排行榜 / 总排行榜

ba21

2022-4-7 21:45:20

div{
                  position:absolute;
                     width:100px;
                     height:100px;
                     background-color:gold;
            }

跳转到最佳答案楼层

ba21 · 发表于 2022-4-7 21:45:20

div{
                  position:absolute;
                     width:100px;
                     height:100px;
                     background-color:gold;
            }

账号		自动登录	找回密码
密码			立即注册

[已解决]为啥盒子不移动啊，

马上注册，结交更多好友，享用更多功能^_^

浏览过的版块