_做个美美美美妞
2015-09-17 16:48
它的实际移动距离怎么和设置的不一样
<style>
*{margin=0;padding=0;}
div{
position:relative;
left:-200px;
width:200px;
height:100px;
background:#9F6;}
</style>
<script>
window.onload=function(){
var mydiv=document.getElementById('odiv');
mydiv.onmouseover=function(){
starmove();}
mydiv.onmouseout=function(){
starmove1();}
}
var timer=null;
function starmove(){
clearInterval(timer);
var mydiv=document.getElementById('odiv');
timer=setInterval(function(){
mydiv.style.left=mydiv.offsetLeft+10+'px';}
,300)}
function starmove1(){
clearInterval(timer);
var mydiv=document.getElementById('odiv');
timer=setInterval(function(){
mydiv.style.left=mydiv.offsetLeft-10+'px';}
,300)}
</script>
<body>
<div id="odiv"></div>
</body>
</html>
position:absolute 绝对引用
JS动画效果
113925 学习 · 1443 问题
相似问题
回答 1
回答 1
回答 2
回答 1
回答 2