Код:
<html> <head> <title>Бегущая строка в поле формы со сменой сообщений.</title> </head> <body> <script language="JavaScript"> <!-- // Установка скорости сообщения (пауза в миллисекундах между символами) var speed = 100 // уменьшите значение для увеличения скорости // установите паузу между сообщениями var pause = 1000 // increase value to increase pause // установите начальное значение var timerID = null var bannerRunning = false var ar = new Array() // ввод строк ar[0] = "Добро пожаловать" ar[1] = "Полезные вещи для HTML" ar[2] = "Коллекция скриптов" // установите номер сообщения, которое появится первым var currentMessage = 0 var offset = 0 function stopBanner() { if (bannerRunning) clearTimeout(timerID) bannerRunning = false } function startBanner() { stopBanner() showBanner() } function showBanner() { var text = ar[currentMessage] if (offset < text.length) { if (text.charAt(offset) == " ") offset++ var partialMessage = text.substring(0, offset + 1) document.bannerForm.bannerField.value = partialMessage offset++ // IE sometimes has trouble with "++offset" timerID = setTimeout("showBanner()", speed) bannerRunning = true } else { offset = 0 currentMessage++ if (currentMessage == ar.length) currentMessage = 0 timerID = setTimeout("showBanner()", pause) bannerRunning = true } } // --> </script> <form name="bannerForm"> <p><input type="text" size="50" name="bannerField" style="font-family: sans-serif; font-size: 8pt; background-color:#006600; color: rgb(0,256,0); text-align: center"></p> </form> <script language="JavaScript"> startBanner() </script></body></html>