Форум
Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» ВПНавтор Danny_Marcelo Сегодня в 07:47
» Пропала вкладка "Обработка пользователей"
автор Svet007 Вчера в 07:39
» Как найти администратора?
автор PushPayer Ноябрь 21st 2024, 00:58
» Не корректное отображение картинок
автор VENEFICA. Ноябрь 15th 2024, 14:46
» Не меняется название форума
автор Aviator Ноябрь 14th 2024, 15:40
» Дублируется ссылка на форум в боковом меню
автор Чистый сталкер Октябрь 26th 2024, 21:13
» совет админам
автор лексей2222 Октябрь 23rd 2024, 05:45
» Проблема с гугл из-за Hitskin
автор Вултур Октябрь 21st 2024, 15:43
» [решено]Редактирвоание темы
автор AlexDarkTech Октябрь 13th 2024, 08:14
» Пропали иконки редактирования - HEEELP
автор Archaea Сентябрь 23rd 2024, 18:11
Скрипт на волнообразный текст???
Участников: 3
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Проблемы со скриптами (кодами) :: [Архив] Проблемы со скриптами
Страница 1 из 1
Скрипт на волнообразный текст???
автор Sunnyta Май 2nd 2009, 19:28
- Код:
<html lang="ru">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<meta http-equiv="Content-Language" content="ru">
<style type="text/css">
<!--
BODY
{
background : white;
}
TABLE
{
width : 100%;
height : 100%;
}
#ID_ANIMATE
{
color : red;
white-space : nowrap;
font : normal 50 px "Courier New", monotype;
}
#ID_ANIMATE SPAN
{
position : relative;
}
-->
</style>
</head>
<body>
<TABLE>
<TR>
<TD align="center" valign="middle"><span ID="ID_ANIMATE"></span></TD>
</TR>
</TABLE>
<script type="text/javascript">
<!--
var nAmp = 20; // амплитуда синусоиды
var nPeriod = 2; // количество периодов синусоиды
var nKPhase = 3; // коэффициэнт фазового сдвига на каждой итерации
var strText = "Поздравляем с Первомаем!!!"; // текст надписи
// --
var pi = Math.PI;
var nSteps = strText.length;
var fStep = 2 * pi * nPeriod / (nSteps * nKPhase); // фазовый сдвиг на каждой итерации
var aoChars = new Array();
// --
var fX;
var fdX;
var fPhase;
var nTimerID;
function InitPhase_1()
{
fX = 0.1;
fdX = -9;
nTimerID = setInterval(OnTimer_1, 20);
}
function InitPhase_2()
{
fPhase = 0;
nTimerID = setInterval(OnTimer_2, 20);
}
function OnTimer_1()
{
fX += fdX;
if(fX > 0)
{
fX = 0;
clearInterval(nTimerID);
InitPhase_2();
}
else
fdX += 0.75;
aoChars[0].style.left = Math.ceil(fX).toString() + "px";
}
function OnTimer_2()
{
for(var i = 0; i < nSteps; i++)
{
var nPos;
var fAngle = (2 * pi * nPeriod / nSteps) * i;
if((fAngle >= fPhase) && (fAngle <= fPhase + pi))
nPos = -Math.ceil(Math.sin(fAngle - fPhase) * nAmp);
else
nPos = 0;
aoChars[i].style.top = nPos.toString(10) + "px";
}
fPhase += fStep;
if(fPhase > 2 * pi * nPeriod)
{
clearInterval(nTimerID);
setTimeout(InitPhase_1, 2000);
}
}
// --
for(var i = 0; i < nSteps; i++)
{
var oSpan = document.createElement("SPAN");
oSpan.appendChild(document.createTextNode(strText.substring(i, i + 1)));
oSpan.style.zIndex = 1;
document.getElementById("ID_ANIMATE").appendChild(oSpan);
aoChars[i] = oSpan;
}
// --
InitPhase_1();
// -->
</script>
<noscript>
Внимание ! Ваш браузер не поддерживает выполнение скриптов, либо скрипты отключены.
</noscript>
</body>
</html>
Ставила этот скрипт в приветствие...потом и в отдельный виджет, но почему-то не грузится из-за него вся страничка (брауз Фокс) ... или у нас эти скрипты вообще не могут работать?
Sunnyta-
- Сообщения : 1577
Регистрация : 2008-03-20
Благодарности : 63
-
Re: Скрипт на волнообразный текст???
автор Sunnyta Май 2nd 2009, 20:16
Иногда нужны приятные неожиданности, особенности, когда на форуме все сердитые 
Sunnyta-
- Сообщения : 1577
Регистрация : 2008-03-20
Благодарности : 63
-
Re: Скрипт на волнообразный текст???
автор Sunnyta Май 2nd 2009, 23:26
Так, давай разберемся... как раз отдельно от форума все работает во всех браузерах мне доступных (ФФ тоже) , не работает как только ставлю куда-нить... Поэтому давай поподробнее куда-чего пихать?
Sunnyta-
- Сообщения : 1577
Регистрация : 2008-03-20
Благодарности : 63
-
Re: Скрипт на волнообразный текст???
автор Sunnyta Май 2nd 2009, 23:44
Последний раз редактировалось: Sunnyta (Май 2nd 2009, 23:46), всего редактировалось 1 раз(а)
Sunnyta-
- Сообщения : 1577
Регистрация : 2008-03-20
Благодарности : 63
-
Re: Скрипт на волнообразный текст???
автор Sunnyta Май 2nd 2009, 23:45
Приведи, какой-нить пример ... т.к. после слов 
Я бы хотела поставить в простой виджет (у меня форум - bb2)
у меня полное торможениетуда где должна быть анимация...
Я бы хотела поставить в простой виджет (у меня форум - bb2)
Sunnyta-
- Сообщения : 1577
Регистрация : 2008-03-20
Благодарности : 63
-
Re: Скрипт на волнообразный текст???
автор Irbis Май 3rd 2009, 19:30
В виджет
- Код:
<center><table><tr><td>
<style type="text/css">
#ID_ANIMATEr SPAN{position: relative;}
</style>
<span ID="ID_ANIMATEr"></span></td></tr></table></center>
<script type="text/javascript">
<!--
var nAmp = 20; /* амплитуда синусоиды */
var nPeriod = 2; /* количество периодов синусоиды */
var nKPhase = 3; /* коэффициэнт фазового сдвига на каждой итерации */
var strText = "Поздравляем с Первомаем!!!"; /* текст надписи */
var pi = Math.PI;
var nSteps = strText.length;
var fStep = 2 * pi * nPeriod / (nSteps * nKPhase); /* фазовый сдвиг на каждой итерации */
var aoChars = new Array();
var fX;
var fdX;
var fPhase;
var nTimerID;
function InitPhase_1()
{
fX = 0.1;
fdX = -9;
nTimerID = setInterval(OnTimer_1, 20);
}
function InitPhase_2()
{
fPhase = 0;
nTimerID = setInterval(OnTimer_2, 20);
}
function OnTimer_1()
{
fX += fdX;
if(fX > 0)
{
fX = 0;
clearInterval(nTimerID);
InitPhase_2();
}
else
fdX += 0.75;
aoChars[0].style.left = Math.ceil(fX).toString() + "px";
}
function OnTimer_2()
{
for(var i = 0; i < nSteps; i++)
{
var nPos;
var fAngle = (2 * pi * nPeriod / nSteps) * i;
if((fAngle >= fPhase) && (fAngle <= fPhase + pi))
nPos = -Math.ceil(Math.sin(fAngle - fPhase) * nAmp);
else
nPos = 0;
aoChars[i].style.top = nPos.toString(10) + "px";
}
fPhase += fStep;
if(fPhase > 2 * pi * nPeriod)
{
clearInterval(nTimerID);
setTimeout(InitPhase_1, 2000);
}
}
for(var i = 0; i < nSteps; i++)
{
var oSpan = document.createElement("SPAN");
oSpan.appendChild(document.createTextNode(strText.substring(i, i + 1)));
oSpan.style.zIndex = 1;
document.getElementById("ID_ANIMATEr").appendChild(oSpan);
aoChars[i] = oSpan;
}
InitPhase_1();
</script>
Irbis-
-
Сообщения : 581
Возраст : 38
Регистрация : 2008-02-10
Благодарности : 217
-
Re: Скрипт на волнообразный текст???
автор Sunnyta Май 3rd 2009, 20:13
В Фоксе работает... а сегодня и в Опере тоже!!!
Sunnyta-
- Сообщения : 1577
Регистрация : 2008-03-20
Благодарности : 63
-
Re: Скрипт на волнообразный текст???
автор Sunnyta Май 4th 2009, 20:40
Кто подскажет, что надо добавить и куда, чтоб поменять цвет текста и шрифт? 
Sunnyta-
- Сообщения : 1577
Регистрация : 2008-03-20
Благодарности : 63
-
Re: Скрипт на волнообразный текст???
автор Irbis Май 5th 2009, 19:22
Немножко добавил, для удобства изменения шрифта. Смотри там в начале color:цвет; font-family: Шрифт; font-size: размер.Sunnyta пишет:Кто подскажет, что надо добавить и куда, чтоб поменять цвет текста и шрифт?
- Код:
<center><table><tr><td>
<style type="text/css">
#ID_ANIMATEr {
color: red;
font-family: Arial;
font-size: 15pt;
}
#ID_ANIMATEr SPAN{position: relative;}
</style>
<span ID="ID_ANIMATEr"></span></td></tr></table></center>
<script type="text/javascript">
<!--
var nAmp = 20; /* амплитуда синусоиды */
var nPeriod = 2; /* количество периодов синусоиды */
var nKPhase = 3; /* коэффициэнт фазового сдвига на каждой итерации */
var strText = "Поздравляем с Первомаем!!!"; /* текст надписи */
var pi = Math.PI;
var nSteps = strText.length;
var fStep = 2 * pi * nPeriod / (nSteps * nKPhase); /* фазовый сдвиг на каждой итерации */
var aoChars = new Array();
var fX;
var fdX;
var fPhase;
var nTimerID;
function InitPhase_1()
{
fX = 0.1;
fdX = -9;
nTimerID = setInterval(OnTimer_1, 20);
}
function InitPhase_2()
{
fPhase = 0;
nTimerID = setInterval(OnTimer_2, 20);
}
function OnTimer_1()
{
fX += fdX;
if(fX > 0)
{
fX = 0;
clearInterval(nTimerID);
InitPhase_2();
}
else
fdX += 0.75;
aoChars[0].style.left = Math.ceil(fX).toString() + "px";
}
function OnTimer_2()
{
for(var i = 0; i < nSteps; i++)
{
var nPos;
var fAngle = (2 * pi * nPeriod / nSteps) * i;
if((fAngle >= fPhase) && (fAngle <= fPhase + pi))
nPos = -Math.ceil(Math.sin(fAngle - fPhase) * nAmp);
else
nPos = 0;
aoChars[i].style.top = nPos.toString(10) + "px";
}
fPhase += fStep;
if(fPhase > 2 * pi * nPeriod)
{
clearInterval(nTimerID);
setTimeout(InitPhase_1, 2000);
}
}
for(var i = 0; i < nSteps; i++)
{
var oSpan = document.createElement("SPAN");
oSpan.appendChild(document.createTextNode(strText.substring(i, i + 1)));
oSpan.style.zIndex = 1;
document.getElementById("ID_ANIMATEr").appendChild(oSpan);
aoChars[i] = oSpan;
}
InitPhase_1();
</script>
Скрипт о котором позавчера говорили:
- Код:
<div><img src="ССЫЛКА НА КАРТИНКУ" id="opacitimg"></div>
<script>
opacit = 100;
step = 1;
function move() {
if(opacit<=100 && opacit>-1) {
if(opacit==0) {step = -step;}
opacit -= step;
document.getElementById("opacitimg").style.opacity=opacit/100;
document.getElementById("opacitimg").style.filter="alpha(opacity="+opacit+")";
setTimeout("move()",30);
}
}
move();
</script>
Irbis-
-
Сообщения : 581
Возраст : 38
Регистрация : 2008-02-10
Благодарности : 217
-
Sunnyta-
- Сообщения : 1577
Регистрация : 2008-03-20
Благодарности : 63
-
Irbis-
-
Сообщения : 581
Возраст : 38
Регистрация : 2008-02-10
Благодарности : 217
-
Sunnyta-
- Сообщения : 1577
Регистрация : 2008-03-20
Благодарности : 63
-
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Проблемы со скриптами (кодами) :: [Архив] Проблемы со скриптами
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения
Facebook
ВКонтакте
