Форум
Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Как поменять вид нумерации страниц тем?автор Goodmonday Апрель 18th 2024, 21:04
» Форум не корректно загружается.
автор anna4842 Апрель 12th 2024, 23:48
» Не корректное отображение картинок
автор Красноперова О.А. Апрель 12th 2024, 15:49
» Ошибка на форуме: Could not obtain topic posts informations
автор fatalone Апрель 9th 2024, 13:43
» Переход с 2x2forum.ru на 2x2forum.com
автор Luz Март 28th 2024, 12:13
» Проблема с метатегом Description
автор VeraLV Март 18th 2024, 15:31
» 1 марта будет запрет на ВПН, это отразится на работе платформы?
автор Svet007 Март 14th 2024, 11:43
» нужен скрипт сумма просмотров тем в разделе
автор лексей2222 Март 5th 2024, 07:37
» Новое: Откройте для себя функцию "Подписка на пользователей"
автор лексей2222 Март 1st 2024, 17:26
» 301 редирект
автор Dana Domirani Февраль 25th 2024, 18:28
Скрипт на фейерверк
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Проблемы со скриптами (кодами) :: [Архив] Проблемы со скриптами
Страница 1 из 1
Скрипт на фейерверк
автор Sunnyta Май 5th 2009, 20:28
Скрипт работающий, но для наших виджетов его можно упростить и сделать понятнее... кто возьмется? 
- Код:
<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>
Sunnyta-
- Сообщения : 1577
Регистрация : 2008-03-20
Благодарности : 63
-
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Проблемы со скриптами (кодами) :: [Архив] Проблемы со скриптами
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения
Facebook
ВКонтакте
