慕码人4656620
2017-05-04 20:27
window.onload=function()
{
var oDiv1=document.getElementById('div1');
oDiv1.onmouseover=function()
{
startMove();
}
}
var timer=null;
function startMove()
{
var oDiv1=document.getElementById('div1');
clearInterval(timer);
timer=setInterval(function()
{
if(oDiv1.offsetLeft==0)
{
clearInterval(timer);
}
else{
oDiv1.style.left=oDiv1.offsetLeft+10+'px';
}
},30)
}
</script>
</head>
<body>
<div id="div1">
<span>分享</span>
</div>
之前有门课程讲事件冒泡的,你可以回顾下,这就像靶子一样,10环在9环内,9环在8环内,你打中了10环,同时也说明你打中了9环、8环,就这个道理。
事件冒泡,从里到外
JS动画效果
113925 学习 · 1443 问题
相似问题