Вывод текста с эффектом печатной машинки
Предлагаем Вашему вниманию скрипт, который посимвольно выводит на экран заданный текст (эффект печатной машинки).
Основными отличиями данного скрипта от подобных можно считать то, что при использовании нашего скрипта возможно поочередно выводить разные сообщения в одном и том же месте странички плюс текст как появляется, так и исчезает посимвольно с эффектом печатной машинки.
Чтобы понять, о чем идет речь, обратите внимание на текст, расположенный чуть ниже:
Чтобы получить эффект появления и исчезновения текста с эффектом печатной машинки у себя на сайте, вставьте следующий фрагмент кода в начало Вашей странички:
<script type="text/javascript">
var delay = 55;
var nextm = 0;
var msg = new Array(
"http://UsefulScript.ru",
"Сайт полезных скриптов",
"Заходите еще!");
function start_print() { do_print(msg[0], 0, 1); }
function do_print(text, pos, dir) {
var out = ' <font color="blue" size="10">' +
text.substring(0, pos) + '</font> ';
document.getElementById("message").innerHTML=out;
pos += dir;
if(pos > text.length)
setTimeout('do_print("' + text + '",' + pos + ',' + (-dir) + ')', delay*10);
else {
if(pos < 0) {
if(++nextm >= msg.length) nextm = 0;
text = msg[nextm];
dir = -dir;
}
setTimeout('do_print("' + text + '",' + pos + ',' + dir + ')', delay);
}
}
</script>
Затем необходимо в том месте Вашего сайта, где планируется посимвольно выводить текст с эффектом печатной машинки добавить такой код:
<div id="message"></div>
И в конце странички необходимо запустить нашу функцию посимвольного вывода текста start_print() следующим образом:
<script type="text/javascript">
start_print();
</script>
Перед публикацией все комментарии проходят обязательную модерацию!
Если Вы хотите задать какой-либо вопрос, то сделайте это на нашем форуме.
Таким образом, Вы сможете быстрее получить ответ на интересующий Вас вопрос.