Пример волнообразного текста. Вариант 2.

hand.gif (969 bytes)Ограничения: Netscape 4.0+  или Microsoft Internet Explorer 4.0+.

Описание:

Для создания эффекта волнообразного текста используется простой Java-скрипт. Свой текст произвольной длины Вы можете указать в переменной "theText". Вы также можете задать тип волны (синусоида или косинусоида).

                                                        


Инструкция:

Шаг 1.
В тэг <head> Вашей HTML-страницы вставьте следующий код:
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 3.0">
<title>Пример волнообразного текста.</title>

<script language="JavaScript">
/*
Библиотека скриптов Юрия Сергеева,   http://www.crosswinds.net/~ysergeev/money.htm
EMail: ysergeev@mail.ru
*/

// поместите свой текст здесь
var theText = "Успех будет ВАС преследовать !!!";

// Укажите номер метода волнообразования 1 (синусоида) или 2 (косинусоида)
var nMetod = 1

function nextSize(i,incMethod,textLength)
{
if (incMethod == 1) return (36*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,nMetod,n);
    if (n > theText.length) {n=0}
    setTimeout("doWave(" + (n+1) + ")", 50);
}
</script>

</head>

Шаг 2.
В тэг <body> вставьте свой код обработчика события "onload" (событие возникает в момент загрузки HTML-страницы) :
<body onload="doWave(0)">
<div ID="theDiv" align="center"></div>
</body>

Источник материалов: http://dynamicdrive.com/


Copyright © 2001 г. Юрий Сергеев

При использовании материалов обязательна ссылка на
 
 http://www.crosswinds.net/~ysergeev/money.htm


Пример волнообразного текста. Вариант 2.

 

Хостинг от uCoz