CSS 26    CSS3 10    HTML 2    JavaScript 43    Wordpress 3    Блог 10    Инструменты 1    Не советую 1    Полезные ресурсы 4    Счетчики 1    Шпаргалки 6    Зарегистрироваться 254   Войти

Меню

Добро пожаловать, Гость! Вы можете Войти или Зарегистрироваться.

0

Скрипт печатающий текст

Jemand 12205
JavaScript

1. JavaScript


<script type="text/javascript">
var tl = new Array(
"Я помню чудное мгновенье:",
"Передо мной явилась ты,",
"Как мимолетное виденье,",
"Как гений чистой красоты.",
"",
"В томленьях грусти безнадежной",
"В тревогах шумной суеты,",
"Звучал мне долго голос нежный",
"И снились милые черты.",
"",
"Шли годы.  Бурь порыв мятежный",
"Рассеял прежние мечты,",
"И я забыл твой голос нежный,",
"Твой небесные черты.",
"",
"В глуши, во мраке заточенья",
"Тянулись тихо дни мои",
"Без божества, без вдохновенья,",
"Без слез, без жизни, без любви.",
"",
"Душе настало пробужденье:",
"И вот опять явилась ты,",
"Как мимолетное виденье,",
"Как гений чистой красоты.",
"",
"И сердце бьется в упоенье,",
"И для него воскресли вновь",
"И божество, и вдохновенье,",
"И жизнь, и слезы, и любовь.",
""
);
var speed = 40;
var index = 0; text_pos = 0;
var str_length = tl[0].length;
var contents, row;
function type_text()
{
    contents = '';
    row = Math.max(0, index-7);
    while (row<index) contents += tl[row++] + '\r\n';
    document.forms[0].elements[0].value = contents + tl[index].substring(0,text_pos) + "_";
    if (text_pos ++== str_length)
    {
        text_pos = 0;
        index++;
        if (index != tl.length)
        {
            str_length = tl[index].length;
            setTimeout("type_text()", 1500);
        }
    } else
    setTimeout("type_text()", speed);
}
</script>

Данный код размещаем в разделе head и подключаем его к body следующим кодом

<body onload="type_text()">

2. HTML

<form><textarea rows="8" cols="60" wrap="soft"></textarea></form>

Демо

Рекламная пауза

Оставить комментарий