qq_浅兮_1
2016-06-21 17:51
<div class="box">
<div id="box1">
<span id="share">分享</span>
</div>
</div>
window.onload=function(){
var oDiv=document.getElementById("box1");
oDiv.onmouseover = function(){
startMove();
}
}
var timer = null;
function startMove(){
var oDiv=document.getElementById("box1");
timer = setInterval(function(){
if(oDiv.offsetLeft == 0){
clearInterval(timer)
}else{
oDiv.style.left = oDiv.offsetLeft+1+'px';
}
},30)
}
先清除浏览器默认样式 body{margin:0;padding:0;} 要不然你的oDiv.style.left = oDiv.offsetLeft+1+'px'; 只会是每次加9
JS动画效果
113925 学习 · 1443 问题
相似问题