Главная
JavaScript
Контакты
Услуги
Передвижение мячика внутри видимого объекта, отбивается от стенок.
<html> <head> <title>Передвижение мячика внутри видимого объекта, отбивается от стенок.</title> <script language="JavaScript"> <!-- var xinc=5; var yinc=5; var xoff=350; var yoff=250; function ball() { xoff+=xinc; yoff+=yinc; if (yoff>=300) {yinc=-5}; if (yoff<=200) {yinc=5}; if (xoff>=600) {xinc=-5}; if (xoff<=200) {xinc=5}; moveball.left = xoff; moveball.top = yoff; setTimeout("ball()", 30); } --> </script> </head><body> <table width="100%"><tr><td width="130"><table> <tr><th>Меню</th></tr> <tr><td height="20"><a href="http://scriptic.ru/map.shtml"><img height="10" src="http://scriptic.ru/img/ball2.gif" width="10">Карта сайта</a></td></tr> <tr><td height="20"><a href="http://scriptic.ru/index.shtml"><img height="10" src="http://scriptic.ru/img/ball2.gif" width="10">Главная</a></td></tr> <tr><td height="20"><a href="http://scriptic.ru/javascript/index.shtml"><img height="10" src="http://scriptic.ru/img/ball2.gif" width="10">JavaScript</a></td></tr> <tr><td height="20"><a href="http://scriptic.ru/css/index.shtml"><img height="10" src="http://scriptic.ru/img/ball2.gif" width="10">CSS</a></td></tr> <tr><td height="20"><a href="http://scriptic.ru/htm/index.shtml"><img height="10" src="http://scriptic.ru/img/ball2.gif" width="10">HTML</a></td></tr> <tr><td height="20"><a href="http://scriptic.ru/catalog/index.shtml"><img height="10" src="http://scriptic.ru/img/ball2.gif" width="10">Каталог</a></td></tr> <tr><td height="20"><a href="http://yandex.ru/guestbook/index.shtml"><img height="10" src="http://scriptic.ru/img/ball2.gif" width="10">Гостевая</a></td></tr> <tr><td height="20"><a href="http://scriptic.ru/forma.shtml"><img height="10" src="http://scriptic.ru/img/ball2.gif" width="10">Отправить письмо</a></td></tr> <tr><td height="20"><a href="http://studia.scriptic.ru/"><img height="10" src="http://scriptic.ru/img/ball2.gif" width="10">Дизайн студия</a></td></tr> <tr><td height="20"><a onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://scriptic.ru/index.shtml'); return false;" href="#" ><img src="http://scriptic.ru/img/home1.gif" width="22" height="19" alt="Сделать стартовой"></a> <a onClick="window.external.addFavorite('http://scriptic.ru/', 'Description'); return false;" href="#"><img src="http://scriptic.ru/img/papka.gif" alt="Добавить в избранное" width="22" height="19"></a></td></tr> </table></td><td bgcolor="#006600" width="1px"></td><td><div class="content"><table width="100%"><tr><td><table width="100%"> <tr><td> <tr><td height="20"><a href="http://scriptic.ru/">Главная</a></td></tr> <tr><td height="20"><a href="http://scriptic.ru/javascript.shtml">JavaScript</a></td></tr> <tr><td height="20"><a href="http://scriptic.ru/contact.php">Контакты</a></td></tr> <tr><td height="20"><a href="http://studia.scriptic.ru/">Услуги</a></td></tr> </table> </td><td bgcolor="#000000" width="1px"></td><td> <div id="moveball" style="z-index:5;position:absolute; width:10px; height:10px"><img src="../img/mach.gif" width="20" height="20" border=0></div> <div style="z-index:1;position:absolute;top:207;left:252;width:106px; height:120px;clip:rect(16px 406px 100px 0px); background-color:#ff00ff; layer-background-color:#ffffcc;"></div> <div style="z-index:3;position:absolute;top:210;left:255;width:100px; height:120px;clip:rect(10px 200px 94px 0px); background-color:#ffffcc; layer-background-color:##ffffcc;"></div> <script language="JavaScript"> <!-- var NN = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4); var moveball = (NN) ? document.moveball : document.all.moveball.style; ball(); --> </script> </body> </html>
Дизайн
Scriptic
.
