Здравствуйте! Я прочел статью
http://beta.javascript.ru/tutorial/animation и попытался сделать маятник. получилось вот:
<!DOCTYPE HTML>
<html>
<body onload = "move(document.getElementById('a'))">
<script>
function move(el) {
var i = 0, fading = 180;
el.style.left = 0;
el.style.top = 0;
function fc() {
left = (Math.cos(i/180*Math.PI) * el.parentNode.clientWidth*fading/180);
el.style.left = (Math.cos(i/180*Math.PI) * el.parentNode.clientWidth*fading/180) + "px";
el.style.top = ((left / 320) * 320) + "px";
i++;
fading -= 0.125;
if(fading <= 0) {clearInterval(b)}
};
var b = setInterval(fc, 10);
}
</script>
<div style = "height: 320px; width: 320px; position: absolute; left: 295px">
<div style="height: 20px; width: 20px; background-color: blue; position: absolute; left: 0px; top: 0px" id = "a" onclick = "move(this)"></div>
</div>
</body>
</html>
скажите пожалуйста, что я делаю не так?