按照老师的写的，网页什么都没有
夜阑卧听风吹雨y
2018-06-21 10:28
<!DOCTYPE html>
<html>
<head>
<title> new document </title>
<meta http-equiv="Content-Type" content="text/html; charset=gbk"/>
<style type="text/css">
body,div,span{margin:0;padding:0;}
#div1{
width:200px;
height:200;
background:red;
position:relative;
left:-200px;
top:0;
}
#div1 span{
width:20px;
height:50px;
background:blue;
left:200px;
top:75px;
}
</style>
<script type="text/javascript">
window.onload= function(){
var oDiv= document.getElementById('div1')
oDiv.onmouseover = function(){//鼠标移上去触发函数
startMove();
}
}
function startMove(){
var oDiv= document.getElementById('div1')
setInterval(function(){
oDiv.style.left=oDiv.offsetLeft+10+'px';
},30)
}
</script>
</head>
<body>
<div id="div1">
<span id="share">分享</span>
</div>
</body>
</html>
按照老师的写的，网页什么都没有。连分享两个字都显示不出来，各种浏览器都不行。
4回答
-
- 慕盖茨3653284
- 2018-09-26 18:02:03
1.div1里的height加px 2.span加个position:absolute 3. id="share"去掉
-
- 慕盖茨3653284
- 2018-09-26 17:50:25
<span id="share">分享</span>这个 id="share"是什么鬼。。
-
- 枯叶family
- 2018-07-24 09:52:27
span没定位，还有div1没高度，
-
- vylss
- 2018-06-25 22:12:46
startMove(); 参数呢？
JS动画效果
113923 学习 · 1443 问题
相似问题