Логин:   Пароль:




Новости
Рассылки
Форум
Поиск


Java
- Апплеты
- Вопрос-ответ
- Классы
- Примеры
- Руководства
- Статьи
- IDE
- Словарь терминов
- Скачать

Мобильная Java
- Игры
- Примеры
- Статьи
- WAP, WML и пр.

JavaScript
- Вопрос-ответ
- Примеры
- Статьи

Веб-мастеринг
- HTML
- CSS
- SSI

Разминка для ума
Проекты
Книги
Ссылки
Программы
Юмор :)




Rambler's Top100

JavaScript: ПримерыДвижущееся звёздочки на JavaScript

Движущееся звёздочки на JavaScript


<html;>
<head;>
<style;>
.spanstyle
{
 position:absolute;
 visibility:visible;
}
</style>
<script; language="JavaScript">
<!--
var xpos=new Array()//Массив x-координаты слоев
var ypos=new Array()//Массив y-координаты слоев
var f=0//Угол поворота
var rx=100//x-координата центра
var ry=100//y-координата центра
var r1=0//Радиус первой окружности движения звёздочек
var r2=0//Радиус второй окружности движения звёздочек
var flag1=true//Флаг ограничения нарастания радиуса второй окружности
//Инициализируем массив координат
for (i=0; i<16; i++)
{
 xpos[i]=rx
 ypos[i]=ry
}
//функция прорисовки
function make()
{
 r1++//Увеличиваем радиус на единицу
 if(flag1)r2++//Если истина увеличиваем радиус на единицу
 else r2--//уменьшаем радиус на единицу
 if(r1>100;)r1=0//Если радиус больше 100 радиус=0
//Меняем флаг по условию:
 if(r2>50;)flag1=false
 if(r2<0;)flag1=true
//----
//Располагаем звёздочки по окружности
 c=1.35
 xpos[0]=rx-r1
 ypos[0]=ry
 xpos[1]=rx-r1/c
 ypos[1]=ry-r1/c
 xpos[2]=rx
 ypos[2]=ry-r1
 xpos[3]=rx+r1/c
 ypos[3]=ry-r1/c
 xpos[4]=rx+r1
 ypos[4]=ry
 xpos[5]=rx+r1/c
 ypos[5]=ry+r1/c
 xpos[6]=rx
 ypos[6]=ry+r1
 xpos[7]=rx-r1/c
 ypos[7]=ry+r1/c
//----
//Располагаем второй ряд звёздочек по окружности
//и поворачиваем их относительно центра
 f++
 f1=Math.cos(f)
 f2=Math.sin(f)
 xpos[8]=(rx-r2)*f1-ry*f2-rx*f1+ry*f2+rx
 ypos[8]=(rx-r2)*f2+ry*f1-rx*f2-ry*f1+ry
 xpos[9]=(rx-r2/c)*f1-(ry-r2/c)*f2-rx*f1+ry*f2+rx
 ypos[9]=(rx-r2/c)*f2+(ry-r2/c)*f1-rx*f2-ry*f1+ry
 xpos[10]=rx*f1-(ry-r2)*f2-rx*f1+ry*f2+rx
 ypos[10]=rx*f2+(ry-r2)*f1-rx*f2-ry*f1+ry
 xpos[11]=(rx+r2/c)*f1-(ry-r2/c)*f2-rx*f1+ry*f2+rx
 ypos[11]=(rx+r2/c)*f2+(ry-r2/c)*f1-rx*f2-ry*f1+ry
 xpos[12]=(rx+r2)*f1-ry*f2-rx*f1+ry*f2+rx
 ypos[12]=(rx+r2)*f2+ry*f1-rx*f2-ry*f1+ry
 xpos[13]=(rx+r2/c)*f1-(ry+r2/c)*f2-rx*f1+ry*f2+rx
 ypos[13]=(rx+r2/c)*f2+(ry+r2/c)*f1-rx*f2-ry*f1+ry
 xpos[14]=rx*f1-(ry+r2)*f2-rx*f1+ry*f2+rx
 ypos[14]=rx*f2+(ry+r2)*f1-rx*f2-ry*f1+ry
 xpos[15]=(rx-r2/c)*f1-(ry+r2/c)*f2-rx*f1+ry*f2+rx
 ypos[15]=(rx-r2/c)*f2+(ry+r2/c)*f1-rx*f2-ry*f1+ry
//----
//Изменяем положение каждого слоя
 for (i=0; i<16; i++)
 {
  var thisspan = eval("span"+(i)+".style")
  thisspan.posLeft=xpos[i]
  thisspan.posTop=ypos[i]
 }
//----
//Устанавливаем таймер вызова данной функции
 setTimeout("make()",10)
}
//----
//Рисуем слои с идентификаторами от span0 до span15
for (i=0;i<16;i++)
{
 document.write("<span; id='span"+i+"' class='spanstyle'>")
 document.write('<img; src="/images/1.gif">')
 document.write("</span>")
} 
//-->
</script>
</head>
<body; bgColor="#ffffff" onLoad="make()">
</body>
</html>


Питер Дж. ДеПаскуале
"Java: Карманный справочник"
Подробнее>>
Заказать>>


Кен Арнолд, Джеймс Гослинг, Дэвид Холмс
"Язык программирования Java"
Подробнее>>
Заказать>>

Узнай о чем ты на самом деле сейчас думаешь тут.


[an error occurred while processing this directive]



Apache Struts 2.0.11
Apache MyFaces Trinidad Core 1.2.3.
Sun переводит мобильные устройства с Java ME на Java SE
Хакерская атака!