Вывод текста в стиле матрицы
Ранее мы уже рассматривали, как сделать вывод текста с эффектом печатной машинки. Теперь давайте рассмотрим пример, как сделать вывод текста в стиле матрицы.
Для этого предлагаем Вам воспользоваться простым JavaScript кодом, который позволит выводить сообщение с эффектом печатной машинки в поле textarea. Шрифт и цвет мы подберем в стиле матрицы.
Чуть ниже располагается наглядный пример работы предлагаемого скрипта:
Чтобы получить точно такой же вывод текста в стиле матрицы в textarea, воспользуйтесь JavaScript кодом, который необходимо будет разместить на Вашей страничке:
<script type="text/javascript">
var max = 0;
function texts() {
max = texts.arguments.length;
for (i=0; i<max; i++) this[i] = texts.arguments[i];
}
var txt = new texts("Привет...", "Ты в матрице...", "А точнее на UsefulScript.ru");
var x = 0;
var position = 0;
var len = txt[0].length;
function matrix_go() {
document.matrix_form.matrix.value = txt[x].substring(0, position) + "_";
if (position++ == len) {
position = 0;
setTimeout("matrix_go();", 2000);
if (++x == max) x = 0;
len = txt[x].length;
}
else setTimeout("matrix_go();", 140);
}
</script>
В том месте странички, где Вы планируете выводить подобный текст, добавьте следующее:
<form name="matrix_form">
<textarea name="matrix" rows="3" cols="40" style="background-color: #000000;
color: #66FF00; font-family: Arial; font-size: 16px; overflow: hidden;">
</textarea>
</form>
Ну и в конце Вам остается только запустить выполнение скрипта:
<script type="text/javascript">
matrix_go();
</script>
Перед публикацией все комментарии проходят обязательную модерацию!
Если Вы хотите задать какой-либо вопрос, то сделайте это на нашем форуме.
Таким образом, Вы сможете быстрее получить ответ на интересующий Вас вопрос.