Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Как поменять вид нумерации страниц тем?автор Goodmonday Вчера в 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
Скрипт на волнообразный текст???
Участников: 3
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Проблемы со скриптами (кодами) :: [Архив] Проблемы со скриптами
Страница 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 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>
Ставила этот скрипт в приветствие...потом и в отдельный виджет, но почему-то не грузится из-за него вся страничка (брауз Фокс) ... или у нас эти скрипты вообще не могут работать?
Re: Скрипт на волнообразный текст???
Иногда нужны приятные неожиданности, особенности, когда на форуме все сердитые
Re: Скрипт на волнообразный текст???
Так, давай разберемся... как раз отдельно от форума все работает во всех браузерах мне доступных (ФФ тоже) , не работает как только ставлю куда-нить... Поэтому давай поподробнее куда-чего пихать?
Re: Скрипт на волнообразный текст???
Последний раз редактировалось: Sunnyta (Май 2nd 2009, 23:46), всего редактировалось 1 раз(а)
Re: Скрипт на волнообразный текст???
Приведи, какой-нить пример ... т.к. после слов
Я бы хотела поставить в простой виджет (у меня форум - bb2)
у меня полное торможениетуда где должна быть анимация...
Я бы хотела поставить в простой виджет (у меня форум - bb2)
Re: Скрипт на волнообразный текст???
В виджет
- Код:
<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>
Re: Скрипт на волнообразный текст???
Кто подскажет, что надо добавить и куда, чтоб поменять цвет текста и шрифт?
Re: Скрипт на волнообразный текст???
Немножко добавил, для удобства изменения шрифта. Смотри там в начале 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>
Похожие темы
» Скрипт меняющий текст по дате
» Как сделать скрипт с бегущей строкой (текст берется...
» посоветуйте скрипт для того чтобы после наведения на текст он менял цвет
» даите пожалуста скрипт от скрытова текста но не как у у етово форума ну смисле чтоб когда поставил я скрытыи текст там
» Как заменить текст в шапке шаблона на свой текст
» Как сделать скрипт с бегущей строкой (текст берется...
» посоветуйте скрипт для того чтобы после наведения на текст он менял цвет
» даите пожалуста скрипт от скрытова текста но не как у у етово форума ну смисле чтоб когда поставил я скрытыи текст там
» Как заменить текст в шапке шаблона на свой текст
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Проблемы со скриптами (кодами) :: [Архив] Проблемы со скриптами
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения