87,922
社区成员
发帖
与我相关
我的任务
分享
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>1</title>
<style>
#aa{width:200px;height:200px;background:red;position:relative;left:-200px;top:0;}
#aa span{width:20px;height:50px;background:blue;position:absolute;left:200px;top:75px;}
</style>
</head>
<body>
<div id="aa"><span>分享</span></div>
<script>
var aa =document.getElementById("aa");
var time = null;
time=setInterval(function(){
aa.style.left=aa.offsetLeft+10+"px";
if(aa.offsetLeft==0){
clearInterval(time);
}
},200);
</script>
</body>
</html>
var aa = document.getElementById("aa");
var time = null;
time = setInterval(function () {
var l = Math.min(aa.offsetLeft + 10, 0);
aa.style.left = l + "px";
if (l == 0) {
clearInterval(time);
}
}, 200);