Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Дублируется ссылка на форум в боковом менюавтор Чистый сталкер Вчера в 19:52
» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор AlexNeimor Ноябрь 26th 2024, 23:23
» Пропала вкладка "Обработка пользователей"
автор Svet007 Ноябрь 25th 2024, 10:14
» ВПН
автор Danny_Marcelo Ноябрь 24th 2024, 07:47
» Как найти администратора?
автор PushPayer Ноябрь 21st 2024, 00:58
» Не корректное отображение картинок
автор VENEFICA. Ноябрь 15th 2024, 14:46
» Не меняется название форума
автор Aviator Ноябрь 14th 2024, 15:40
» совет админам
автор лексей2222 Октябрь 23rd 2024, 05:45
» Проблема с гугл из-за Hitskin
автор Вултур Октябрь 21st 2024, 15:43
» [решено]Редактирвоание темы
автор AlexDarkTech Октябрь 13th 2024, 08:14
Скрипт на фейерверк
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Проблемы со скриптами (кодами) :: [Архив] Проблемы со скриптами
Страница 1 из 1
Скрипт на фейерверк
Скрипт работающий, но для наших виджетов его можно упростить и сделать понятнее... кто возьмется?
- Код:
<html lang="ru">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<meta http-equiv="Content-Language" content="ru">
<style>
<!--
BODY
{
background : white;
}
TABLE
{
width : 100%;
height : 100%;
}
#ID_ANIMATE
{
position : relative;
width : 420px;
height : 256px;
overflow : hidden;
background : blue;
}
#ID_ANIMATE DIV
{
position : absolute;
width : 2px;
height : 2px;
font-size : 0px;
z-index : 2;
}
#ID_ANIMATE #ID_LOGO
{
font : normal 14px "Courier New", monotype;
}
-->
</style>
</head>
<body>
<TABLE>
<TR>
<TD align="center" valign="middle">
<DIV ID="ID_ANIMATE">
<TABLE style="z-index: 2;">
<TR>
<TD align="center" valign="middle" ID="ID_LOGO">
<span style="color: white;">примерчик</span>
<a style="color: blue;" </a>
</TD>
</TR>
</TABLE>
</DIV>
</TD>
</TR>
</TABLE>
<script type="text/javascript">
<!--
// Code by Victor V. Vakchturov (http://codeguru.ru)
// Настройки
var nStarCount = 256; // Количество звезд фейерверка
var fMinSpeed = 0.1; // Минимальная скорость звезд
var fMaxSpeed = 5.0; // Максимальная скорость звезд
var nMinLive = 32; // Минимальное время жизни элемента
var nMaxLive = 42; // Максимальное время жизни элемента
var fDSpeed = 0.94; // Величина уменьшения скорости элементов
// --
var nTimerID = 0;
var aStars = new Array(nStarCount);
var oAnimate = document.getElementById("ID_ANIMATE");
var nWidth = oAnimate.offsetWidth;
var nHeight = oAnimate.offsetHeight;
// Еще настройки
var nMinX = Math.round(nWidth / 4);
var nMaxX = Math.round(nWidth / 4 * 3);
var nMinY = Math.round(nHeight / 4);
var nMaxY = Math.round(nHeight / 4 * 3);
function UpdateStarPos(i)
{
var oDiv = aStars[i];
oDiv.style.top = Math.round(oDiv.y).toString() + "px";
oDiv.style.left = Math.round(oDiv.x).toString() + "px";
}
function UpdateStarBgColor(i)
{
var oDiv = aStars[i];
oDiv.style.backgroundColor = "RGB(" +
Math.round(Math.random() * 0xFF).toString() + "," +
Math.round(Math.random() * 0xFF).toString() + "," +
Math.round(Math.random() * 0xFF).toString() + ")";
}
function ResetStar(i, x, y)
{
var oDiv = aStars[i];
oDiv.x = x;
oDiv.y = y;
oDiv.fSpeed = Math.random() * (fMaxSpeed - fMinSpeed) + fMinSpeed;
var fAngle = Math.random() * 2 * Math.PI;
oDiv.fCos = Math.cos(fAngle);
oDiv.fSin = Math.sin(fAngle);
oDiv.nLive = Math.round(Math.random() * (nMaxLive - nMinLive) + nMinLive);
UpdateStarPos(i);
UpdateStarBgColor(i);
}
function MoveStars()
{
var bEndShow = true;
for(var i = 0; i < nStarCount; i++)
{
var oDiv = aStars[i];
if(oDiv.nLive)
{
oDiv.x += oDiv.fSpeed * oDiv.fCos;
oDiv.y += oDiv.fSpeed * oDiv.fSin;
oDiv.fSpeed *= fDSpeed;
if(oDiv.fSpeed < 0)
oDiv.fSpeed = 0;
UpdateStarPos(i);
UpdateStarBgColor(i);
oDiv.nLive--;
if(!oDiv.nLive)
oDiv.style.backgroundColor = "black";
bEndShow = false;
}
}
if(bEndShow)
{
window.clearInterval(nTimerID);
window.setTimeout(StartFireShow, 1500);
}
}
function StartFireShow()
{
var x = Math.round(Math.random() * (nMaxX - nMinX)) + nMinX;
var y = Math.round(Math.random() * (nMaxY - nMinY)) + nMinY;
for(var i = 0; i < nStarCount; i++)
ResetStar(i, x, y);
nTimerID = window.setInterval(MoveStars, 40);
}
function GenerateStars()
{
for(var i = 0; i < nStarCount; i++)
{
var oDiv = aStars[i] = document.createElement("DIV");
oDiv.style.width = "1px";
oDiv.style.height = "1px";
oDiv.style.overflow = "hidden";
oDiv.style.position = "absolute";
oAnimate.appendChild(oDiv);
}
}
GenerateStars();
StartFireShow();
// -->
</script>
</body>
</html>
Похожие темы
» Не могу установить скрипт фейерверк
» [решено]У кого есть скрипт или кто может сделать скрипт
» Скрипт
» Скрипт
» Скрипт....
» [решено]У кого есть скрипт или кто может сделать скрипт
» Скрипт
» Скрипт
» Скрипт....
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Проблемы со скриптами (кодами) :: [Архив] Проблемы со скриптами
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения