我想用简单的JS让圆 动起来，但是没有成功
<style media="screen">
#demo{
width: 200px;height: 200px;
background-color: rgb(235, 114, 97);
border-radius: 100%;
position: absolute;
top: 200px;left:50px;
}
</style>
</head>
<body>
<section>
<h2>利用JS函数 setTimeout()做简单的动画</h2>
<div class="" id="demo">
</div>
</section>
</body>
window.onload=elementMove;
function elementMove(){
var element=document.getElementById("demo");
// 获取位置 parseInt函数是取字符串里的数字 parse:解析
var elementX,elementY;
elementX=parseInt(element.style.left);
elementY=parseInt(element.style.top);
if (elementX==600 && elementY==400) {
return true;
}
if (elementX<600) {
elementX++;
}
if (elementY<400) {
elementY++;
}
element.style.left=elementX+"px";
element.style.top=elementY+"px";
setTimeout("elementMove()",10);
};
相关分类