Библиотека Javascript. SE@RCHER

смотреть оглавление

примерразмер кода

<html><HEAD><TITLE>Цветные блоки от щелчка перемещаются в соотвкеетствующие места страницы с показом координат перемещения</TITLE><META http-equiv=Content-Type content="text/html; charset=windows-1251"><SCRIPT type=text/javascript></SCRIPT><META content="MSHTML 6.00.2900.3059" name=GENERATOR></HEAD><BODY><H1><SPAN>Diagonal Motion</SPAN></H1><DIV id=moveme1 style="LEFT: 100px; WIDTH: 60px; POSITION: absolute; TOP: 90px; BACKGROUND-COLOR: green"><A href="javascript:Init(520,350,50,'moveme1')">Object 1</A></DIV><DIV id=moveme2 style="LEFT: 180px; WIDTH: 60px; POSITION: absolute; TOP: 90px; BACKGROUND-COLOR: gold"><A href="javascript:Init(70,350,60,'moveme2')">Object 2</A></DIV><DIV id=moveme3 style="LEFT: 260px; WIDTH: 60px; POSITION: absolute; TOP: 90px; BACKGROUND-COLOR: red"><A href="javascript:Init(70,20,70,'moveme3')">Object 3</A></DIV><DIV id=moveme4 style="LEFT: 340px; WIDTH: 60px; POSITION: absolute; TOP: 90px; BACKGROUND-COLOR: blue"><A href="javascript:Init(520,20,80,'moveme4')">Object 4</A></DIV><BR><BR><P> <P><TABLE cellPadding=5 width="100%" border=0>  <TBODY>  <TR vAlign=top>    <TD width=170><FONT size=2>DistX = EndX - StartX <BR>DistY = EndY - StartY       <P>StepSizeX = DistX / Steps<BR>StepSizeY = DistY / Steps </P></FONT></TD>    <TD width=100><FONT size=2><SPAN id=dist1x>000</SPAN> = <FONT       color=#ff00ff><SPAN id=pos1x>000</SPAN></FONT> - <FONT color=#ff0000><SPAN       id=div1x>000</SPAN></FONT><BR><SPAN id=dist1y>000</SPAN> = <FONT       color=#ff00ff><SPAN id=pos1y>000</SPAN></FONT> - <FONT color=#ff0000><SPAN       id=div1y>000</SPAN></FONT>       <P><SPAN id=numsteps1x>000</SPAN> = <SPAN id=dist2x>000</SPAN> / <SPAN       id=steps1>000</SPAN><BR><SPAN id=numsteps1y>000</SPAN> = <SPAN       id=dist2y>000</SPAN> / <SPAN id=steps2>000</SPAN> </FONT></P></TD>    <TD width=100><FONT size=2>New Position X<BR>New Position Y       <P>StepCount</FONT> </P></TD>    <TD vAlign=top><FONT size=2><SPAN id=_x>000</SPAN><BR><SPAN       id=_y>000</SPAN>       <P><SPAN id=StepCount1>0</SPAN></FONT> </P></TD></TR></TBODY></TABLE><P><BR></body></html>