Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

Скрипт на волнообразный текст???

Предыдущая тема Следующая тема Перейти вниз

Решено Скрипт на волнообразный текст???

Сообщение автор Sunnyta в Сб 2 Май - 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>

Ставила этот скрипт в приветствие...потом и в отдельный виджет, но почему-то не грузится из-за него вся страничка (брауз Фокс) ... или у нас эти скрипты вообще не могут работать? scratch
avatar
Sunnyta
 

Сообщения : 1579
Регистрация : 2008-03-20
Благодарности : 63

Без предупреждений

http://www.sun-place.com/

Вернуться к началу Перейти вниз

Автор этого сообщения в настоящий момент забанен. - Посмотреть сообщение

Решено Re: Скрипт на волнообразный текст???

Сообщение автор Sunnyta в Сб 2 Май - 20:16

Иногда нужны приятные неожиданности, особенности, когда на форуме все сердитые yes
avatar
Sunnyta
 

Сообщения : 1579
Регистрация : 2008-03-20
Благодарности : 63

Без предупреждений

http://www.sun-place.com/

Вернуться к началу Перейти вниз

Автор этого сообщения в настоящий момент забанен. - Посмотреть сообщение

Решено Re: Скрипт на волнообразный текст???

Сообщение автор Sunnyta в Сб 2 Май - 23:26

Так, давай разберемся... как раз отдельно от форума все работает во всех браузерах мне доступных (ФФ тоже) , не работает как только ставлю куда-нить... Поэтому давай поподробнее куда-чего пихать?
avatar
Sunnyta
 

Сообщения : 1579
Регистрация : 2008-03-20
Благодарности : 63

Без предупреждений

http://www.sun-place.com/

Вернуться к началу Перейти вниз

Автор этого сообщения в настоящий момент забанен. - Посмотреть сообщение

Решено Re: Скрипт на волнообразный текст???

Сообщение автор Sunnyta в Сб 2 Май - 23:44

sad


Последний раз редактировалось: Sunnyta (Сб 2 Май - 23:46), всего редактировалось 1 раз(а)
avatar
Sunnyta
 

Сообщения : 1579
Регистрация : 2008-03-20
Благодарности : 63

Без предупреждений

http://www.sun-place.com/

Вернуться к началу Перейти вниз

Решено Re: Скрипт на волнообразный текст???

Сообщение автор Sunnyta в Сб 2 Май - 23:45

Приведи, какой-нить пример ... т.к. после слов
туда где должна быть анимация...
у меня полное торможение unknown
Я бы хотела поставить в простой виджет (у меня форум - bb2)
avatar
Sunnyta
 

Сообщения : 1579
Регистрация : 2008-03-20
Благодарности : 63

Без предупреждений

http://www.sun-place.com/

Вернуться к началу Перейти вниз

Автор этого сообщения в настоящий момент забанен. - Посмотреть сообщение

Решено Re: Скрипт на волнообразный текст???

Сообщение автор Irbis в Вс 3 Май - 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>
avatar
Irbis
 

Мужчина

Сообщения : 583
Возраст : 31
Регистрация : 2008-02-10
Благодарности : 216

Без предупреждений

http://help.forum2x2.ru/u849

Вернуться к началу Перейти вниз

Решено Re: Скрипт на волнообразный текст???

Сообщение автор Sunnyta в Вс 3 Май - 20:13

d_daisy В Фоксе работает... а сегодня и в Опере тоже!!!
avatar
Sunnyta
 

Сообщения : 1579
Регистрация : 2008-03-20
Благодарности : 63

Без предупреждений

http://www.sun-place.com/

Вернуться к началу Перейти вниз

Решено Re: Скрипт на волнообразный текст???

Сообщение автор Sunnyta в Пн 4 Май - 20:40

Кто подскажет, что надо добавить и куда, чтоб поменять цвет текста и шрифт? wink
avatar
Sunnyta
 

Сообщения : 1579
Регистрация : 2008-03-20
Благодарности : 63

Без предупреждений

http://www.sun-place.com/

Вернуться к началу Перейти вниз

Решено Re: Скрипт на волнообразный текст???

Сообщение автор Irbis в Вт 5 Май - 19:22

@Sunnyta пишет:Кто подскажет, что надо добавить и куда, чтоб поменять цвет текста и шрифт? wink
Немножко добавил, для удобства изменения шрифта. Смотри там в начале color:цвет; font-family: Шрифт; font-size: размер.
Код:
<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>
Картинка медленно исчезает и опять появляется, но только один раз после каждой загрузки страницы, бесконечно делать не стал, потому что когда зацикливаю, идет большая нагрузка на процессор, а оно тебе на форуме не надо, все пользователи разбегутся))) Если кто решит проблему буду рад посмотреть на реализацию smile
avatar
Irbis
 

Мужчина

Сообщения : 583
Возраст : 31
Регистрация : 2008-02-10
Благодарности : 216

Без предупреждений

http://help.forum2x2.ru/u849

Вернуться к началу Перейти вниз

Решено Re: Скрипт на волнообразный текст???

Сообщение автор Sunnyta в Вт 5 Май - 19:30

Во! Теперь то, что надо... yes
avatar
Sunnyta
 

Сообщения : 1579
Регистрация : 2008-03-20
Благодарности : 63

Без предупреждений

http://www.sun-place.com/

Вернуться к началу Перейти вниз

Решено Re: Скрипт на волнообразный текст???

Сообщение автор Irbis в Вт 5 Май - 19:38

Работает?
avatar
Irbis
 

Мужчина

Сообщения : 583
Возраст : 31
Регистрация : 2008-02-10
Благодарности : 216

Без предупреждений

http://help.forum2x2.ru/u849

Вернуться к началу Перейти вниз

Решено Re: Скрипт на волнообразный текст???

Сообщение автор Sunnyta в Вт 5 Май - 19:41

Да 12
avatar
Sunnyta
 

Сообщения : 1579
Регистрация : 2008-03-20
Благодарности : 63

Без предупреждений

http://www.sun-place.com/

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения