<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>
