Главная
JavaScript
Контакты
Услуги
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="../img/heart.gif" width="33" 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> </body> </html>
Дизайн
Scriptic
.
