将animation2改为
@-webkit-keyframes animation2{from{margin-left:0}
to{margin-left:185pxopacity:1}
}
@-moz-keyframes animation2{
from{margin-left:0}
to{margin-left:185pxopacity:1}
}
<html><body>
<div id="container" style="width:800pxbackground-color:#8C7D65height:100%margin:0 auto">
<div id="fly-item" style="width:20pxheight:20pxborder-radius:10pxbackground-color:blackposition:absolutemargin-top:30%">
</div>
</body>
<script>
var obj = document.querySelector("#fly-item")
var fly_distance = 0
var journey = 780
var interval = setInterval(function(){
fly_distance += 1
obj.style.marginLeft = (fly_distance + "px")
if(fly_distance >= journey) {
clearInterval(interval)
alert("到终点了")
}
},10)
</script>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）