JavaScript. Позиционирование
<html> <head> <title>JavaScript. Позиционирование.</title> <script language="JavaScript"> <!-- var hor=0; var ver=0; // step = величина шага var step=20; function right () { hor+=step if (navigator.appName == "Netscape") { document.move.left = hor } else { document.all.move.style.left= hor } } function left () { hor-=step if (navigator.appName == "Netscape") { document.move.left = hor } else { document.all.move.style.left= hor } } function down () { ver+=step if (navigator.appName == "Netscape") { document.move.top = ver } else { document.all.move.style.top= ver } } function up () { ver-=step if (navigator.appName == "Netscape") { document.move.top = ver } else { document.all.move.style.top = ver } } function upright () { ver-=step hor+=step if (navigator.appName == "Netscape") { document.move.top = ver ; document.move.left = hor ;} else { document.all.move.style.top = ver ; document.all.move.style.left= hor ;} } function upleft () { ver=ver-step hor=hor-step if (navigator.appName == "Netscape") { document.move.top = ver ; document.move.left = hor ;} else { document.all.move.style.top = ver ; document.all.move.style.left= hor ;} } function downleft () { ver+=step hor-=step if (navigator.appName == "Netscape") { document.move.top = ver ; document.move.left = hor ;} else { document.all.move.style.top = ver ; document.all.move.style.left= hor ;} } function downright () { ver+=step hor+=step if (navigator.appName == "Netscape") { document.move.top = ver ; document.move.left = hor ;} else { document.all.move.style.top = ver ; document.all.move.style.left= hor ;} } function begin () { ver=0 hor=0 if (navigator.appName == "Netscape") { document.move.top = ver ; document.move.left = hor ;} else { document.all.move.style.top = ver ; document.all.move.style.left= hor ;} } // --> </script> </head> <body> <center><div id="move" style="position:relative; left:0px; top:0px; width:200px; height:50px"><img src="heart.gif width=" height="30" border=0></div></center><br><br><br><br><br><br><br><br> <form><center> <input type="button" value="Влево-Вверх" onclick="upleft();"> <input type="button" value="Вверх" onclick="up();"> <input type="button" value="Вправо-Вверх" onclick="upright();"><br> <input type="button" value="Влево" onclick="left();"> <input type="button" value="Исходная позиция" onclick="begin();"> <input type="button" value="Вправо" onclick="right();"><br> <input type="button" value="Влево-Вниз" onclick="downleft();"> <input type="button" value="Вниз" onclick="down();"> <input type="button" value="Вправо-Вниз" onclick="downright();"> </center></form> <!-- copyright (i6) --><div align="center"><a href="http://www.ucoz.ru/" title="Создать сайт бесплатно"><img style="margin:0;padding:0;border:0;" alt="Hosted by uCoz" src="http://s0.ucoz.net/img/cp/10.gif" width="80" height="15" title="Hosted by uCoz" /></a><br /></div><!-- /copyright --> </body> </html>
