我的代码只动div呢
Daniel_
2014-11-29 14:23
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{
margin:0;
padding:0;
}
.frameworks{
position:fixed;
top:30%;
}
.frameworks span{
width:20px;
height:50px;
position:absolute;
border:1px #8e8e8e solid;
color:#fff;
background-color: #0088bb;
left: 200px;
top: 75px;
}
.content{
width:200px;
height:200px;
background-color: #8e8e8e;
position:relative;
}
</style>
</head>
<body>
<div>
<div>
<div id="div1"></div>
<span>分享</span>
</div>
</div>
</body>
<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>
</html>
2回答
-
- Daniel_
- 2014-11-29 14:28:04
不好意思我发现问题了，父元素content应该套嵌span元素的
-
- Daniel_
- 2014-11-29 14:24:24
为什么我的代码只动div，鼠标经过span元素不动，而且span也不跟着动
JS动画效果
113925 学习 · 1443 问题
相似问题