JavaScript
Главная
Вход
Регистрация

JavaScript — объектно-ориентированный

скриптовый язык программирования.

Меню сайта

Категории раздела
Разное [14]
Иконки [1]
Приветствие [7]
Кодировщики [6]
Фото эффекты [6]
Хитрые скрипты [10]
Фрейм JavaScript [2]
Формат файла .js [1]
Эффекты с окнами [4]
Звуковые эффекты [4]
Ссылки и эффекты [12]
Текстовые эффекты [28]
Кнопки с эффектами [12]
Визуальные эффекты [10]
Эффекты с курсорами [6]
Онлайн генератор ников и паролей [2]
Софт, программы, скачать [15]

Главная » Файлы » Приветствие

Бегущая строка в форме, со сменой сообщений
29.10.2010, 12:01

Код:
<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>
Категория: Приветствие | Добавил: Besigor
Просмотров: 3397 | Загрузок: 0 | Рейтинг: 3.5/2
Всего комментариев: 0
avatar
ONLINE
Онлайн всего: 1
Гостей: 1
Пользователей: 0

Статистика




Бесплатные JavaScript © 2024