Главная » Файлы » Прочие скрипты » Яваскрипты
Извивающийся текст
23.06.14, 08:25:26



Данный скрипт придаёт тексту довольно-таки интересный эффект

Для начала посмотрите ДЕМО

Установка:

На нужных вам страницах после /head вставляйте:
Код
<script language="JavaScript">

/*
script edited by David Gardner (toolmandav@geocities.com)
Permission granted to Dynamicdrive.com to feature the script
For more DHTML scripts, visit Dynamicdrive.com
*/

//put your text here
var theText = "David Gardner";

function nextSize(i,incMethod,textLength)
{
if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) );
if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14))));
}

function sizeCycle(text,method,dis)
{
  output = "";
  for (i = 0; i < text.length; i++)
  {
  size = parseInt(nextSize(i +dis,method,text.length));
  output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
  }
  theDiv.innerHTML = output;
}

function doWave(n)  
{  
  sizeCycle(theText,1,n);
  if (n > theText.length) {n=0}
  setTimeout("doWave(" + (n+1) + ")", 50);
}
</script>

<body onload="doWave(0)">


Текст заменяйте в строчке: var theText = "David Gardner";

Следующий код вставляйте в то место, где хотите видеть данный текст:
Код
<div ID="theDiv" align="center"></div>


Материал подготовлен Apocalypse
Категория: Яваскрипты | Добавил: Apocalypse | Теги: текст, Извивающийся
Просмотров: 453 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: