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

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

Описание:

Для создания эффекта волнообразного прокручиваемого текста используется  Java-скрипт. Вы можете задать 4 строки символов произвольной длины; выбрать размер используемого шрифта; задать скорость прокрутки строк и координаты анимируемого текста.

                                                        


Инструкция:

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

<script language="JavaScript1.2">
/*
Библиотека скриптов Юрия Сергеева,   http://www.crosswinds.net/~ysergeev/money.htm
EMail: ysergeev@mail.ru
*/
var size = 15;  // размер шрифта прокручиваемого текста
var speed_between_messages=500 //скорость прокрутки строк в миллисекундах
var tekst = new Array()
{
tekst[0] = "Web-дизайн. Новые возможности !";
tekst[1] = "Новые ресурсы !";
tekst[2] = "Новые программы и документация !";
tekst[3] = "http://www.crosswinds.net/~ysergeev/money.htm";
}
var klaar = 0;
var s = 0;
var veran =0;
var tel = 0;
function bereken(i,Lengte)
{
return (size*Math.abs( Math.sin(i/(Lengte/3.14))) );
}

function motor(p)
{
var output = "";
for(w = 0;w < tekst[s].length - klaar+1; w++)
{
q = bereken(w/2 + p,16);
if (q > size - 0.5)
{klaar++;}
if (q < 5)
{tel++;
if (tel > 1)
{
tel = 0;
if (veran == 1)
{
veran = 0;
s++;
if ( s == tekst.length)
{s = 0;}
p = 0;
if (window.loop)
{clearInterval(loop)}
loop = motor();
}
}
}
output += "<font style='font-size: "+ q +"pt'>" +tekst[s].substring(w,w+1)+ "</font>";   
}
for(k=w;k<klaar+w;k++)
{
output += "<font style='font-size: " + size + "pt'>" +tekst[s].substring(k,k+1)+ "</font>";
}
idee.innerHTML = output;   
}

function startmotor(p){
if (!document.all)
return
var loop = motor(p);
if (window.time)
{clearInterval(time)}
if (klaar == tekst[s].length)
{
klaar = 0;
veran = 1;
tel = 0;
var time = setTimeout("startmotor(" +(p+1) + ")", speed_between_messages);
}else
{   
var time =setTimeout("startmotor(" +(p+1) + ")",50);
}
}
</script>

</head>

Шаг 2.
В тэг <body> вставьте свой код обработчика события "onload" (событие возникает в момент загрузки HTML-страницы), а также вставьте DIV-элемент с идентификатором "idee" в то место HTML-страницы, в котором будет прокручиваться текст. В примере прокручиваемый текст расположен внутри строки таблицы.
<body onload="startmotor(0)">

<table border="0" cellpadding="2" cellspacing="0" width="100%">
<tr>
<td><font face="Comic Sans MS" size="4" color="#FF0000"><strong><div ID="idee"></strong></font><p>&nbsp;</p>
</div></td>
</tr>
</table>

</body>


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


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

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


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

 

Хостинг от uCoz