ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Создание бегущей строки на сайте

Создание бегущей строки на сайте

Создание бегущей строки на сайте
Иногда на сайте можно заметить бегущее строку, которая идет на весь монитор, здесь такого не будет а более аккуратнее по визуализации. А это вы создаете какие то слова и под них идет автоматически окно по размеру и а нем будет идти знаки, которые вы написали. Это может носить как рекламный характер, также можно применить как навигацию или подсказку.

Будет идти печати как на машинки, и здесь нужно просто в скрипте прописать те знаки которые вы хотите видеть. Возможно есть увеличение или уменьшение скоростного режима. Но главный плюс в том что место много не занимает, но все отлично видно.

Так будет визуально смотреться:

Бегущая строка в поле формы сайта

Ставим код где вам нужно:

Код
<script language="JavaScript">
var line = "Здесь пишем, то что вам нужно, пример как шаблоны и скрипты на uCoz "; // конечные пробелы для иллюзии задержки
var speed = 100; // задержка при появлении очередной буквы в 1/1000 сек.
var i = 0;

function m_line()
{
// marqueeForm - имя html-формы
// marqueeText - имя текстового поля
if (i++ < line.length)
document.marqueeForm.marqueeText.value = line.substring(0, i);
else
{
document.marqueeForm.marqueeText.value = " ";
i = 0;
}
setTimeout("m_line()", speed);
}
</script>

<form name="marqueeForm">
<input type="text" size="40" name="marqueeText">
</form>
<script language="javascript">m_line();</script>


PS - под ссылку не сделано, несет как информационный канал, это сразу заметно и можно прикрутит какой то конкурс, что идет на портале и многое другое.
10 Февраля 2017 Просмотров: 1450 Комментариев: (2)

Поделиться в социальных сетях

Материал разместил

Оставь свой отзыв

Комментарии: 2
Сафрон
Сафрон 10 Февраля 2017 22:521
0
Сколько можно скриптов таких найти, этот один из многих, но где то его можно увидеть на сайте.
Kosten
Kosten 10 Февраля 2017 23:022
0
Просто попался скрипт, и закинул на тестовый сайт и он заработал, и почему бы не залить рабочий материал.
avatar