position 改成 relative 便会一直运动？
PdpdPdpd
2016-03-02 23:18
为什么 id div1的position属性改成“relative”就会一直动下去不会停止，而改成“absolute”就可以停止呢？
#div1
{
width:200px;
height:200px;
background:red;
position:absolute; //改成relative就会一直动？
left:-200px;
top:0
}
4回答
-
- 没听说过
- 2016-03-09 20:07:34
同学，我也遇到这个问题，视频07：03秒的时候老师的#div1{ position:relative}竟然可以运行成功，而我的就只能改成absolute才能成功，问题到底出在哪里呢？
-
- Lion_Heart
- 2016-03-09 13:37:03
relative是相对自身偏移，当然会一直运动下去，详情再去看一下relative解析
-
- PdpdPdpd
- 2016-03-03 19:24:49
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style>
#div1
{
width:200px;
height:200px;
background:red;
position:absolute;
left:-200px;
top:0
}
#div1 span
{
width:20px;
height:50px;
background:blue;
position:absolute;
left:200px;
top:75px;
}
</style>
<script>
window.onload=function() {
var oDiv = document.getElementById("div1");
oDiv.onmouseover = startMove;
};
var timer=null;
function startMove()
{
var oDiv = document.getElementById("div1");
clearInterval(timer);
timer=setInterval(function()
{
if(oDiv.offsetLeft==0)
{
clearInterval(timer);
}
else
{
oDiv.style.left = oDiv.offsetLeft + 10 + 'px';
}
},10)
}
</script>
</head>
<body>
<div id="div1"><span id="share">分享</span></div>
</body>
</html> -
- 名字不要太长像我这样就好
- 2016-03-03 11:16:26
源码呢？你肯定是写了JS 动效吧！
JS动画效果
113925 学习 · 1443 问题
相似问题