Добрый день. Есть текст. Как сделать так, чтобы доходя до края окна, он не останавливался, а отбивался от края, как шарик, и летел в другую сторону?
<html>
<body id="body">
<span id="move-me" style="position: absolute; border: 1px dashed black;">тытыты</span>
<script type="text/javascript">
var phi = Math.PI / 6; //устанавливаем кут
var rho = 0; //Начальное значение радиус -вектора
var rhoOffset = 5.5; //прирост радиус-вектора
function moveByLine() {
//по Х
document.getElementById('move-me').style.left = rho * Math.cos(phi) + 'px';
//по У
document.getElementById('move-me').style.top = rho * Math.sin(phi) + 'px';
rho += rhoOffset;
//ЕСЛИ елемент выходит за нижний и правый край страницы - отменить интервал
if ((document.getElementById('move-me').offsetLeft +
document.getElementById('move-me').offsetWidth >=
document.getElementById('body').clientWidth) ||
(document.getElementById('move-me').offsetTop +
document.getElementById('move-me').offsetHeight >=
document.getElementById('body').clientHeight))
clearInterval(m);
}
var m = setInterval(moveByLine,20);
</script>
</body>
</html>