                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JS动画效果

问一下这个错在哪？麻烦大神看下

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

<style type="text/css">

#div1{

width:200px;

height:200px;

border:2px solid red;

position:absolute;

left:0px;

top:0px;

}

</style>

<script type="text/javascript">

function startqwe(){

var qwe=document.getElementById('div1');

function moveqwe(){

qwe.style.left=qwe.style.offsetLeft+10+'px';

}

setInterval(moveqwe(),30);

}

</script>

</head>

<body>

<div id="div1"></div>

<input type="button" value="点击开始运动" onclick="startqwe()" />

</body>

</html>

死之外科医生

2017-03-28

源自：JS动画效果 2-1

关注问题我要回答

729

操作

收起

2 回答

qq_雨栉_0 回答被采纳 +3 积分
2017-03-28

#div1{
width:200px;
height:200px;
border:2px solid red;
position:absolute;
left:0px;
top:0px;
}
加个z-index:-1；

qwe.style.left=qwe.style.offsetLeft+10+'px';
改成
qwe.style.left=qwe.offsetLeft+10+'px';

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

#1

死之外科医生提问者

我记得之前学css的时候z-index是元素堆叠顺序的表示这里加这个是为什么了？

2017-03-30 回复有任何疑惑可以回复我~

#2

死之外科医生提问者

好吧我懂了谢谢大神

2017-03-30 回复有任何疑惑可以回复我~

#3

死之外科医生提问者

非常感谢！

2017-03-30 回复有任何疑惑可以回复我~

qq_雨栉_0
2017-03-28

<script type="text/javascript">

function startqwe(){

var qwe=document.getElementById('div1');

qwe.style.left=qwe.offsetLeft+10+'px';

alert(qwe.style.left);

setInterval(startqwe,100);

//此处不能写startqwe();

}

</script>

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

举报

0/150

提交

取消

参与学习 113937 人
解答问题 1443 个

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

本课相似问答

1 回答大神帮忙看一下，问题在哪?

1 回答麻烦看一下哪里错了，谢谢

2 回答大神帮忙看一下

2 回答大神帮我看一下哪块出错了，非常感谢！！

11 回答有哪个大神能解释下？

搜索更多本课相关问答

问一下这个错在哪？麻烦大神看下

我要回答关注问题

意见反馈帮助中心 APP下载