[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
База полезных советов » Скрипты для uCoz » Скрипты для uCoz » Эффект печатной машинки для текста
Эффект печатной машинки для текста
bestsoftДата: Воскресенье, 13.06.2010, 02:16 | Сообщение # 1
Главный администратор
Группа: Владелец сайта
Сообщений: 224
Статус: Offline
Вставить скрипт между
Code
<head>
и
Code
</head>

Code
<script>
var source,dest,len,now=0,delay=100,letters=1;
function show_text()
{
source = document.getElementById("pageTextSource");
dest = document.getElementById("pageText");
len = source.innerHTML.length;
show();
}

function show()
{
dest.innerHTML += source.innerHTML.substr(now,letters);
now+=letters;

if(now<len)
setTimeout("show()",delay);
}
</script>

В строке

Code
<body style="background:url('/1.gif') #E0E0E0; margin:0px; padding:0px;">
добавить код, чтобы стало так:
Code
<body style="background:url('/1.gif') #E0E0E0; margin:0px; padding:0px;" onload="show_text();">

Для того, чтобы эффект заработал, нужны текст заключать в такой HTML код при добавлении:

Code
<p style="display:none" id="pageTextSource">
Ваш текст
<p id="pageText">
</p>


Ваши благодарности – в "Репутацию" и "Награды"!


ПРИ КОПИРОВАНИИ МАТЕРИАЛА - ССЫЛКА НА САЙТ ОБЯЗАТЕЛЬНА!
 
База полезных советов » Скрипты для uCoz » Скрипты для uCoz » Эффект печатной машинки для текста
  • Страница 1 из 1
  • 1
Поиск: