Эффекты с шарами. Пример второй

Скрипт: Эффекты с шарами. Пример второй
<html> <head> <style> .ballstyle { position:absolute; visibility:visible; } </style> <script type="text/javascript"> var xpos = new Array(); // Массив x-координаты слоев var ypos = new Array(); // Массив y-координаты слоев var f = 0; // Угол поворота var rx = 250; // x-координата центра var ry = 250; // y-координата центра var r = 0; // Радиус второй окружности движения шаров var flag = true; // Флаг ограничения нарастания радиуса окружности // Инициализируем массив координат for (i =0; i < 9; i++) { xpos[i] = rx; ypos[i] = ry; } // функция прорисовки function moveBall() { if (flag) r++ // Если истина, то увеличиваем радиус на единицу else r-- // иначе уменьшаем на единицу // Меняем флаг по условию: if (r > 35) flag = false; if (r < 0) flag = true; var c = 1.35; // Располагаем ряд шаров по окружности // и поворачиваем их относительно центра f++; var f1 = Math.cos(f); var f2 = Math.sin(f); xpos[0]=(rx-r)*f1-ry*f2-rx*f1+ry*f2+rx; ypos[0]=(rx-r)*f2+ry*f1-rx*f2-ry*f1+ry; xpos[1]=(rx-r/c)*f1-(ry-r/c)*f2-rx*f1+ry*f2+rx; ypos[1]=(rx-r/c)*f2+(ry-r/c)*f1-rx*f2-ry*f1+ry; xpos[2]=rx*f1-(ry-r)*f2-rx*f1+ry*f2+rx; ypos[2]=rx*f2+(ry-r)*f1-rx*f2-ry*f1+ry; xpos[3]=(rx+r/c)*f1-(ry-r/c)*f2-rx*f1+ry*f2+rx; ypos[3]=(rx+r/c)*f2+(ry-r/c)*f1-rx*f2-ry*f1+ry; xpos[4]=(rx+r)*f1-ry*f2-rx*f1+ry*f2+rx; ypos[4]=(rx+r)*f2+ry*f1-rx*f2-ry*f1+ry; xpos[5]=(rx+r/c)*f1-(ry+r/c)*f2-rx*f1+ry*f2+rx; ypos[5]=(rx+r/c)*f2+(ry+r/c)*f1-rx*f2-ry*f1+ry; xpos[6]=rx*f1-(ry+r)*f2-rx*f1+ry*f2+rx; ypos[6]=rx*f2+(ry+r)*f1-rx*f2-ry*f1+ry; xpos[7]=(rx-r/c)*f1-(ry+r/c)*f2-rx*f1+ry*f2+rx; ypos[7]=(rx-r/c)*f2+(ry+r/c)*f1-rx*f2-ry*f1+ry; // Изменяем положение каждого слоя for (i=0; i< 9; i++) { document.getElementById("span"+i).style.left = xpos[i]; document.getElementById("span"+i).style.top = ypos[i]; } // Устанавливаем таймер вызова данной функции setTimeout("moveBall()", 100); } //Рисуем шары с идентификаторами от span0 до span9 for (i=0;i< 9;i++) { document.write("<span id='span"+i+"' class='ballstyle'>"); document.write('<img src="ball.gif">'); document.write("</span>"); } </script> </head> <body onLoad="moveBall()"> <h3>Эффекты с шарами. Пример второй</h3> <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>

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