Отражение

Скрипт: Отражение
<html> <head> <title>Отражения</title> <style type="text/css"> #fly { position: absolute; top: 0; left: 0; } </style> <script type="text/javascript"> var name = navigator.appName; var f = false; var intx = false; var dx = dy = 5; window.onload = function () { f = document.getElementById('fly'); intx = setInterval('moveBall()', 50); } function moveBall() { // Если IE if(name == "Microsoft Internet Explorer") { var x = f.offsetLeft + dx; var y = f.offsetTop + dy; if (x >= document.body.clientWidth - f.offsetWidth) { x = document.body.clientWidth - f.offsetWidth; dx = -dx; } if (y >= document.body.clientHeight - f.offsetHeight) { y = document.body.clientHeight - f.offsetHeight; dy = -dy; } if (x <= 0) { x = 0; dx = -dx; } if (y <= 0) { y = 0; dy = -dy; } f.style.left = x + 'px'; f.style.top = y + 'px'; } else { // код для FF var x = f.offsetLeft + dx; var y = f.offsetTop + dy; if (x >= window.innerWidth - f.offsetWidth) { x = window.innerWidth - f.offsetWidth; dx = -dx; } if (y >= window.innerHeight - f.offsetHeight) { y = window.innerHeight - f.offsetHeight; dy = -dy; } if (x <= 0) { x = 0; dx = -dx; } if (y <= 0) { y = 0; dy = -dy; } f.style.left = x + 'px'; f.style.top = y + 'px'; } // end else } // end function function stopMoving() { if (intx) { clearInterval(intx); intx = false; } else { intx = setInterval('moveBall()', 50); } } </script> </head> <body> <div id="fly"> <img src="ball.gif" onclick="stopMoving()" width=40 height=40> </div> <div align="center"><a href="http://www.ucoz.ru/" title="Создать сайт бесплатно"><img style="margin:0;padding:0;border:0;" alt="Hosted by uCoz" src="http://s204.ucoz.net/img/cp/9.gif" width="80" height="15" title="Hosted by uCoz" /></a><br /></div> </body> </html>

Обратно на страницу Скрипты