Электрификация

Справочник домашнего мастера

Бегущие строки своими руками

Содержание

Инструкция по сборке бегущей строки или как собрать бегущую сроку самому.

А если Вы желеате все сделать самостоятельно, то вот наша инструкция:

Сборка бегущей строки из наших комплектующих не составит труда.

Также Вам возможно будет полезно посмотреть видео-инструкцию по работе с программой управления светодиодными табло на основе контроллеров Onbon BX — LedshowTW 2015-2016

Как работать с программой LedshowTW 2015 (видео на канале Youtube)

Для сборки светодиодного табло (бегущей строки) Вам понадобятся:

  • торцевая пила с диском по алюминию и металлу или пила по металлу,
  • шуруповерт или отвертка,
  • прозрачный силиконовый герметик,
  • саморезы,
  • провод


Перед началом сборки необходимо проверить модули и БП на работоспособность.
Подключаем как показано на фото. Важно!!! Питание модуля 5V, Контроллер 5V. Плюс на модуле VCC, минус GND.
На контроллере плюс 5V Минус — GND
На БП, все подписано.
L и N -питание БП 220V.
-V — минус 5 вольт
+V — плюс 5 вольт
Подключаем модули один за другим.
Для запуска модули достаточно подключить только плюс и шлейф 16pin
Включая каждый модуль жмем на контроллере кнопку тест
При полной работоспособности, как на фото, начинаем сборку строки.
Первым делом собирается каркас.
Нарезка профиля:
Длина профиля не должна превышать длину выложенных модулей по горизонтали.
Выкладываем модули маской вниз.
Количество должно соответствовать длине строки. Измеряем модули по горизонтали
Далее профиль. Режем два отрезка.
То же самое проделываем с вертикалью, замерив высоту строки, отрезаем профиль для вертикалей (2 штуки).
Собираем каркас
Вставляем уголки в профиль.
Важно укрепить стык саморезом
Советуем также промазать силиконом стык профиля и уголка.
На свободой поверхности выкладываем модули внутри каркаса.
Внимательно следим за стрелками.
Стрелки на модуле должны идти слева направо и снизу вверх.
Затем промазываем все стыки силиконом.
И стыки между модулями, и между модулями и профилем.
Важно!!! Силикон не должен попасть в желоб на торце модуля.
Желоб предназначен для слива воды.
Профиль для магнитов. Важно вымерять длину реза с краю каркаса, а не по середине. От полученного результат замера режем на 2мм меньше.
Вкручиваем магниты в модули.
Крепим профили для магнитов на стыках между модулями
Следующий этап один из самых важных. Проводка.
В зависимости от производителя модулей можно использовать родные провода идущие в комплекте, но многие не надеясь на производителя предпочитают ставить свои провода.
При приобретении модулей у нас, мы расскажем какие провода можно использовать, какие лучше не применять
.
Провод для соединения модулей между собой лучше брать с запасом 1.5 более чем достаточно.
В России у большинства поставщиков БП идут мощностью 200Вт. Этот вариант и рассмотрим.
На БП 200Вт, мы, как и производитель рекомендуем соединять не более шести модулей. Если Вы все таки хотите сэкономить то точно не более 8ми.
Мы уверены, что наш БП точно будет работать с 8 модулями и даже 10, но мы же стремимся сделать качественное изделие (да и нам неизвестно каокй БП вы используете).

БП разных производителей отличаются в качестве.
При использовании БП 200 Вт и подключении к нему 6ти модулей не соединяйте все модули в одну последовательную цепь, разбейте на 2 максимум три модуля в одну цепь.
На БП есть три разъема подключения плюс и три разъема подключения минус (фото18).
К ним и подводите ваши три полученные цепи.
Очень важно не перепутать на модулях + и -.
Из-за неправильного подключения, на модулях могут выйти из строя чипы.
На модклях некоторых производителей достаточно и 2-х секунд работы с неправильным подключением. Некоторые производители выдерживают и 10 секунд без последствий.
Но лучше не рисковать, а все внимательно проверить.
Сгоревший чип это не гарантийный случай!!!

Теперь между модулями нужно сделать соединение при помощи шлейфа 16pin, он идет в комплекте с каждым модулем.
Если на модуле на разъеме нет корпуса, то шлейф ставим красной полосой вверх.
Если же паз есть, то вставляем так, как позволяют замки на шлейфе. Если красная полоса окажется снизу не пугайтесь.
Сигнал все равно пройдет.
Главное что бы Вы потом не запутались.
Из первых модулей, откуда начинаются стрелки выведете по шлейфу. Они потом подключатся к контроллеру
Блоки питания между собой подключаем в последовательную цепь, при условии, что их больше одного.
Очень важно БП прикрутить к верхней части корпуса саморезами с прессшайбой 4.2х13мм. что бы не пробить каркас

К БП, который находится слева, если смотреть на строку сзади, подключаем контроллер. Не перепутайте + и — !

Подключаем шлейфы к контроллеру.
На котроллере есть разъемы с надписями JK1, JK2, может как то еще, но номер обязательно есть.
Этот номер обозначает номер строки.
Одна строка соответствует горизонтали из одного модуля. Отсчет идет не снизу, как идут стрелки, а сверху.
Подключаем каждый ряд модулей к соответствующему разъему.
Контроллер желательно закрепить на какой либо поверхности, например на тонком ПВХ и закрепить это все в корпусе строки.
Подключаем удлинитель USB, RJ45(LAN) возможно и оба в зависимости от котроллера.
Их можно вывести просверлив отверстие в задней стенке.
Также выводим кабель питания от БП.
Затем отверстие покрываем силиконом для влагозащиты.
Программируем строку.
Программу и инструкцию к ней можно .
Если все работает ставим заднюю стенку. Вариантов много.
Ради удешевления многие ставят ПВХ или вообще Сотовый поликарбонат.
На строку небольшого размера это может и подойдет, но на большую строку такая задняя стенка не даст нужной прочности.
Мы рекомендуем чуть более дорогой вариант Композитную панель. Она держит форму. И даже небольшие строки с ней намного надежнее. При установке задней крышки не забываем просиликонить весь торец.
Или поставить уплотнитель для пластиковых окон. Монтаж небольших строк на ровную поверхность мы рекомендуем на монтажные уголки.
Уверены, что данный материал будет для Вас полезен !
И сборка бегущей строки больше не будет для Вас секретом !
Теперь, когда Вы знаете как собрать бегущую строку, предлагаем Вам весь спектр необходимых комплектующих: модули, контроллеры, блоки питания, шлейфы и магниты.

Получите предложение на комплектующие для Вашей бегущей строки

Все необходимое для сборки бегущей строки отправим уже завтра! Заказать

Инструкция по сборке светодиодных бегущих строк своими руками.

  • Лампы и патроны 352
    • С цоколем E27 133
    • С цоколем E14 66
    • Лампы в форме шара 54
    • Лампы в форме свечи 60
    • Прозрачные 54
      • Винтажные лампы 22
    • T8, G13, ЛПО, ЛВО 27
    • С цоколем G4 и GY6.35 18
    • С цоколем GX53 и GX70 20
    • Мощные лампы E27 Е40 20
    • С цоколем GU5.3 13
    • С цоколем G9 11
    • Диммируемые лампы 11
    • С цоколем GU10 9
    • Низковольтные лампы 8
    • R50 и R63 4
    • Фитолампы 2
    • Специальные лампы 4
    • Патроны 34
  • Розетки, выключатели, звонки 256
    • Рамки 29
    • Звонки 14
    • Розетки 8
      • Встроенные 79
      • Накладные 31
    • Выключатели 84
      • Встроенные 58
      • Накладные 18
      • Выключатели мебельные 12
    • Диммеры 5
    • Розетка-таймер 6
    • Дистанционные выключатели и пульты 4
  • Удлинители, вилки, тройники, колодки 94
    • Удлинители 42
    • Вилки и штепсельные гнезда 17
    • Колодки 10
    • Удлинители на катушке 8
    • Разъем печной 4
    • Тройники 7
    • Переходники сетевые 7
  • Светодиодные люстры 128
  • Светодиодные светильники 883
    • Для дома 267
    • В натяжной потолок и точечные 182
    • Настенно-потолочные светильники 119
    • Офисные и торговые 83
      • В армстронг 60
      • Торговое освещение 44
    • 1200мм светильники 59
    • Влагозащищенные светильники 24
    • Для сферы ЖКХ 22
    • Настольные светильники 47
    • Бра 16
    • С датчиком движения 16
    • Светильники под лампу (корпус) 13
      • Под лампу T8 — 600 и 1200мм 6
      • Точечные GX53 и GU5.3 103
      • Влагозащищенные 600 и 1200мм 3
    • Трековые светильники 77
    • Ночники 6
    • Патрон подвесной 22
    • Фито-светильники 16
    • Аварийные светильники 69
    • Комплектующие для светильников 9
      • Корпуса и светорассеиватели 9
      • Комплекты для сборки светильников 5
      • Включатели 12
      • Блоки аварийного питания 2
      • Эпра 7
  • Кабель, соединители и монтаж 197
    • Кабель и провод 7
    • Соединители и клеммы 53
    • Изолента и термоусадочные трубки 60
    • Кабель-канал и монтажные изделия 32
    • Электромонтажные коробки и подрозетники 10
    • Хомуты 27
    • Гофрированные трубы для кабеля 8
  • Инструменты и пайка 61
    • Паяльники 13
    • Материалы для пайки 25
    • Отвертки и тестеры 17
    • Измерительные рулетки и карандаши 5
    • Электромонтажный инструмент 15
    • Ножи и скальпели 5
    • Клей и клеевые пистолеты 5
    • Мультиметры 3
    • Биты 3
    • Горелки и баллоны 5
    • Гаечные ключи 1
    • Ящики для инструмента 1
  • Лента, пульты, модули, компоненты 327
    • Лента 44
      • Мощность 3Вт 1
      • Мощность 4,8Вт 28
      • Мощность 7,2Вт 21
      • Мощность 9.6Вт 20
      • Мощность 12Вт 4
      • Мощность 14,4Вт 23
      • Мощность 14,4Вт IP68 8
      • Мощность 19,2Вт 4
      • Влагозащищенная 35
      • Светодиодная лента 24V 1
      • Светодиодная лента 220V 10
    • Профиль для ленты 17
    • Коннекторы 19
    • RGB Контроллеры 11
    • RGB Усилители 1
    • Управление одноцветной лентой 8
    • Светодиодные линейки 6
    • Дистанционные выключатели 5
    • Блоки питания для лент 56
      • Блоки 12V 34
      • Блоки 24V/ 5V 11
      • Брызгозащищенные IP54 4
      • Влагозащищенные IP67 8
    • Светодиодные модули 77
      • Белые модули 24
      • Цветные (монохромные) модули 34
      • RGB модули 3
      • Светодиодные модули Аргос-Электрон 16
  • Уличные и промышленные светильники 1094
    • Промышленные и для АЗС 532
      • Накладные 20
      • Подвесные 12
      • 1200мм 5
      • 600мм 4
      • Взрывозащищенные светильники 8
      • Светильники для АЗС 12
      • TL — Технологии Света 478
        • TL-PROM PR Plus 5K/ 5K DIM (холодный свет) 265
        • TL-PROM PR Plus 4K/ 4K DIM (теплый свет) 131
        • TL-PROM PR Plus с линзой (Г) (К40) 82
      • Аварийное освещение
      • Низковольтное освещение
    • Светодиодные прожекторы 85
      • Без линзы 23
      • С датчиком движения 3
      • Промышленные прожекторы 5 лет гарантии 62
      • Цветные прожекторы 2
      • RGB 4
    • Светильники для ЖКХ 16
    • Светильники для кронштейна 516
      • Без линзы 23
      • TL-STREET 5K D 93
      • TL-STREET 5K W (с линзой) 81
      • TL-STREET PR Plus 5K/ 5K DIM (холодный свет) 64
      • TL-STREET PR Plus 4K/ 4K DIM (теплый свет) 234
      • TL-STREET PR Plus с линзой 41
      • Консольные 33
    • Кронштейны и крепеж 7
    • Архитектурные светильники 12
  • Блоки питания всех типов 94
  • Фонари и переноски 33
  • Батарейки и аккумуляторы 4
  • Датчики движения и фотореле 14
  • Комплектующие для натяжных потолков 14
  • Распределительные щиты и счетчики электроэнергии 12
  • Праздничный декор 2
    • Комплектующие для дюралайта 13
    • Неон светодиодный 28
    • Дюралайт 31
    • Светодиодные экраны. Бегущие строки 118
      • Бегущие строки в сборе 33
      • Комплектующие для экранов 85
        • Контроллеры для сд экранов 30
        • Модули для сд экранов 15
        • Блоки питания для экранов 11
        • Датчики для строк и экранов 3
        • Кабель для сд экранов 11
        • Профиль для сд экранов 6
        • Шлейф 2
        • Крепежные уголки 5
        • Магниты для модулей 2
  • Для оптовых клиентов 1
  • Акции 47
    • Распродажа светильников Oreol и Maysun 47
    • Трековые светильники со скидкой

Когда мы идем по улицам города, нас окружают многочисленные яркие подвижные рекламные конструкции. Устанавливают их как на постройках, рекламных носителях, оконных проемах офисов и кафешек, так и просто крепят на окна машин. Размерами они тоже сильно могут отличаться друг от друга. Однако есть то, что все их объединяет – их основой является бегущая светодиодная строка.

Благодаря такой конструкции, как табло с бегущей строкой, до потребителей можно донести много информации. Впервые ответ на вопрос, как ее собрать, смогли дать жители Поднебесной. А сегодня сделать светодиодную бегущую строку своими руками может каждый. Важное правило: заранее подготовить все, что потребуется для работы.

Бегущие строки

Табло можно собрать своими силами из модулей и разнообразных приспособлений, перечисленных ниже. Но при сборке будьте внимательны, следите за инструкцией.

Что вам понадобится?

Сборка бегущей строки возможна только в том случае, если у вас под рукой есть:

  • материнская плата – ее также называют контроллером;
  • несколько светодиодных модулей;
  • пара блоков питания;
  • магнитики;
  • профиль и уголки из алюминия;
  • 2-миллиметровые провода;
  • винты с саморезами и герметиком;
  • пила, дрель, шуруповерт.

Светодиодная бегущая строка

Предназначение светодиодных модулей

Светодиодное табло считается носителем информации. Различают несколько их разновидностей в зависимости от цветовой палитры:

  1. белые;
  2. красные;
  3. синие;
  4. зеленые;
  5. из нескольких цветов.

Их к тому же различают по шагам среди пикселей. Блоки питания выполняют важную роль – они преображают напряжение с 220 В в 5 вольт. Провода необходимы для объединения блока питания с модулем. Сборка бегущей строки возможна только с помощью магнитов. Профили с уголками из алюминия после их сборки – это корпус светодиодного табло.

Принимая во внимание тот факт, для чего нужна светодиодная панель, важное значение имеет и ее размер. В зависимости от габаритов корпуса они делятся на следующие категории:

  1. Узкие – отличное решение для рекламы на автомобилях.
  2. Средние – используются для сборки табло своими руками размерами до 6 м.
  3. Широкие – получили широкое применение для корпуса более 6 м, их размеры могут быть любыми.

Виды LED-панелей

Процесс сборки строки

Рассмотрим подробный процесс сборки бегущей строки:

  • На стол кладем модули в направлении слева направо. Их соединяем друг с другом проводами вместе со шлейфами питания. У модулей имеются соответствующие гнезда для проводов.
  • Потом соединяем модуль с помощью направляющих. Накладываем направляющие на модули и закручиваем болты.
  • Соединяем блок питания с контролером 1,5-миллиметровым проводом. В нем к тому же имеется отверстие для того, чтобы прикрепить шлейф и провода.
  • Материнская плата соединяется с модулем шлейфом.
  • Одного блока питания, мощность которого 40 ампер, будет достаточно для 8 модулей.
  • Затем нужно все загерметизировать. Герметиком смазываем стыки между модулей. Подобные работы необходимо выполнять очень тщательно. В результате у вас должна выйти герметичная работающая бегущая строка на светодиодах из цифровых модулей.

LED-панель на машине

На данном этапе смотрим инструкцию по сборке корпуса бегущей строки:

  • С помощью различных размеров профиля вы можете получить корпус какой угодно формы, в него вы впоследствии поместите светодиодную LED-панель с бегущей строкой.
  • Профиль из алюминия нарезаем согласно определенным габаритам, однако сокращаем длину на несколько миллиметров. С помощью уголков собираем корпус нашего устройства.
  • Вкладываем подготовленную бегущую строку, сделанную своими руками, в алюминиевый корпус. В корпусе делаем отверстие, чтобы вывести провода питания и USB-выход.
  • Из любого металлического листа вырезаем необходимую заднюю панель. Саморезами и шуруповертом крепим к основанию корпус. Герметиком замазываем все стыки.
  • В конце нужно произвести программирование светодиодной бегущей LED-строки. Программа для них бывает разной сложности. Эти манипуляции возможно выполнить на любом программном обеспечении.

Если вы учитывали все советы и строго следовали инструкции по установке светодиодной бегущей строки, то у вас все должно получиться.

Где применяется бегущая строка?

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

Она незаменима для рекламы разной продукции и услуг. Как всем известно, движущийся объект привлекает намного больше внимания, чем неподвижный, а при применении электронного табло у вас будет одновременно статическая и динамическая рекламная конструкция. Схему бегущей строки вы можете подобрать индивидуально, стиль дизайна текста тоже можно подобрать исходя из собственных предпочтений.

В последнее время практически в каждом магазине, офисе, на витринах мы можем видеть светодиодную бегущую строку для рекламы или просто информационные стенды. Для тех, кто никогда не занимался самостоятельными сборками электронных устройств — можно приобрести готовые бегущие LED строки. Это достаточно дорогое удовольствие. Для тех, кто хоть не много дружит с паяльником и имеет мало-мальские познания в программировании можно существенно снизить затраты и не покупать готовые диодные бегущие строки за баснословные деньги, а самостоятельно сделать и гордиться, что эта светодиодная бегущая строка своими руками сделана мною буквально за копейки.

В статье Вы узнаете что светодиодная бегущая строка своими руками — совершенно простое занятие и достаточно дешевое удовольствие. Итак, приступим. Первым мы рассмотрим способ — на микросхеме Arduino Nano.

Светодиодная бегущая строка своими руками на Arduino Nano

Не буду вдаваться в подробности, что такое Arduino, такой информации просто навалом в Интернете и если Вам захочется найти описание, то без проблем это сделаете.

Для начала посмотрим, какие нам необходимы электронные компоненты, чтобы самостоятельно собрать бегущую светодиодную строку на Arduino. Все компоненты общедоступны и стоят действительно не дорого.

  1. MAX7219 Матричные Модуль Для Arduino Микроконтроллер
  2. Держатель батареи Крона 9В
  3. Переключатель
  4. Arduino Nano
  5. Батарейка «Крона». Ее не обязательно заказывать, можно приобрести в любом магазине

Компоненты для светодиодной бегущей строки 1 из 5 Сборка из 4-х модулей Единичный модуль Arduino Nano Переключатель Держатель для кроны

В подборке я показал модули из одного табло и сразу сборку из 4 модулей. Какую выбрать — Ваше право. Но я для себя решил сразу приобрести 2х4 модуля. По цене единичные модули ничем не отличаются от сборки. Поэтому не вижу смысла заморачиваться на дополнительные манипуляции с единичными компонентами.

Для начала — соединим при помощи термоклея два модуля между собой. С обратной стороны необходимо «прилепить» держатель кроны с одной стороны и с другой стороны — микросхему Arduino Nano, таким образом, чтобы была возможность программировать данную схему. Ну в конце монтируем при помощи того же термоклея — переключатель. Куда? Это где Вам будет удобно.

Монтируем модули между собой 1 из 4 Соединяем модули между собой Монтаж крепления для кроны Приклеиваем Arduino Монтаж кнопки

Дальнейшие наши телодвижения — пайка между собой модулей и пайка Arduino, с модулем согласно распиновке, которую можно увидеть на фото.

Паяем модули между собой 1 из 3

Минусовой контакт (черный проводник) от держателя кроны подключаем к пину GND Arduino Nano. Плюсовой провод (красный) соединяем с выключателем и с 30 пином тойже Arduino.

Программируем бегущую строку на Arduino Nano

В принципе, наша светодиодная бегущая строка своими руками практически собрана. Остается только запрограммировать ее. Скачайте и установите программное обеспечение к Arduino и драйвер. Ссылки ниже. Скачиваем две библиотеки и скетч. Скетч — специальная программа, которая загружается и выполняется Arduino.

Для установки библиотеки необходимо закрыть Arduino IDE в папку «Documents – Arduino – Libraries».

Скачиваем и запускаем скетч, проверяем наличие библиотек и корректность введенных данных.

  1. ПJ Arduino
  2. Драйвер
  3. Скетч
  4. Библиотека 1
  5. Библиотека 2

Настраиваем скетч:

  1. «number of vertical displays» указывают количество матриц, в нашем случае 8
  2. «int wait» задают скорость вывода в миллисекундах.
  3. «string tape» указывают надпись, выводимую на дисплей

Проверяем введенные данные и «загружаем». Отключаем устройство от компьютера, вставляем батарейку и проверяем нашу бегущую строку, собранную самостоятельно на Arduino в работе.

Отмечу, что строку можно собрать и с большим количеством модулей. Не обязательно ограничиваться только двумя модулями.

Ничего сложного в сборке нет. Это примерно как конструктор LEGO, только для взрослых. Будьте осторожны при работе с электричеством.

Цены на покупку комплекта для самостоятельного сбора строки

Размер 16 см 32 см 48 см 64 см 80 см
64 см 3 900₽ 5 000₽ 7 800₽ 8 700₽ 11 200₽
96 см 4 700₽ 7 500₽ 9 900₽ 12 500₽ 15 700₽
128 см 5 600₽ 8 700₽ 12 900 ₽ 15 500₽ 20 500₽
160 см 6 500₽ 10 300₽ 14 900₽ 19 200₽ 24 300₽
192 см 7 900₽ 12 700 ₽ 17 900 ₽ 22 750 ₽ 28 500 ₽
224 см 8 800₽ 14 500 ₽ 20 000 ₽ 25 500 ₽ 32 000 ₽
256 см 9 900₽ 15 700 ₽ 23 000 ₽ 29 000 ₽ 36 700 ₽
288 см 10 500₽ 18 500 ₽ 25 000 ₽ 33 100 ₽ 41 000 ₽
320 см 11 700₽ 20 000 ₽ 28 500 ₽ 35 800 ₽ 45 500 ₽

Первое, что нам понадобится — это стандартные светодиодные модули 32х16, в данном случае красного свечения.

Выкладываем модули на стол диодами вниз. Обратите внимание на стрелки вверх и вправо на рубашке модуля — это метки для правильной сборки. Вверх — это указание верха строки, стрелка вправо показывает как будут расходится шлейфы от контроллера управления.

К каждому блоку прикручиваем магнитные крепления

Последовательно соединяем модули кабелем для подключения к блоку питания. Если вы купили у нас — мы всегда прилагаем схему подключения. Обратите внимание на полярность, GND — это минус.

Соединяем 16-пиновыми шлейфами каждый модуль

В комплекте со строкой идёт металлический профиль, уголки и п-образный усилитель для крепления магнитных замков. Собираем из всего этого коробку. Уголки рекомендуем дополнительно зафиксировать в профиле мебельными 10мм саморезами.

Одеваем получившуюся конструкцию, сверху, на разложенные на столе модули.

Подключаем контроллер к крайним левым шлейфам. Важно соблюдать полярность.Контроллер может быть с выводом USB, Wi-Fi или LAN. Для дополнительных проводов нужно будет просветлить в корпусе строки отверстие.

Прикручиваем металлические усилители саморезами к корпусу. Вы почувствуете как клацнут примагнитевшиеся светодиодные модули. Выводим кабель блока питания, ещё раз проверяем полярность.

Закрываем ПВХ крышкой предварительно промазав посадочный периметр герметиком. Если строка большая — рекомендуем дополнительно закрепить саморезами не больше 10 мм. Переворачиваем строку и подключаем к розетке 220в.

Если строка засветилась — вы великолепны. Если загорелась — отключайте от напряжения и проверяйте полярность подключенных кабелей.

Бегущая строка своими руками

Как собрать бегущую строку своими руками

Чтобы сделать светодиодную конструкцию, модуль с буквами, вам понадобятся: контроллер, светодиодные модули, блоки питания и провода для подключения, магниты, профиля и уголки из алюминия, а также крепежные метизы и герметик. Для самостоятельной сборки потребуются инструменты — дрель и болгарка.

В этой схеме LED-модули несут непосредственную информацию, то есть формируют буквы в бегущей строке. Они бывают одно- или мультицветными.

Размер профиля, образующего корпус для светодиодной рекламы бегущей строки своими руками, отличается в зависимости от места установки рекламы. Узкий используется для рекламы на авто, средние – для табло до 6000 мм, широкие – для более массивных конструкций.

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

Изготавливать устройство следует по такой схеме:

  1. Модули раскладывают горизонтально, слева направо.
  2. Их соединяют шлейфами с красной полоской сверху и проводами.
  3. Готовые модули скрепляют направляющими и фиксируют болтами.
  4. Блоки питания стыкуют с контроллером. Если в конструкции их несколько, используют последовательное соединение.
  5. Из уголков собирают каркас, куда вкладывают приготовленные светодиоды.
  6. Изготавливают металлическую заднюю стенку.
  7. Выполняют программирование, чтобы бегущая строка заработала по заданному алгоритму.

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

Но я хотел бы рассказать о нестандартном решении задачи с минимальными финансовыми вложениями – как сделать бегущую строку из светодиодов с использованием в качестве контроллера Arduino.

Принципиальная схема бегущей строки на светодиодах

Контроллер взаимодействует через специальный интерфейс с внешними устройствами ввода. Это может быть обычная клавиатура, компьютер, смартфон. На основании полученных данных формируется полная цифровая матрица изображения, которая впоследствии выводится на плату с индикаторами.

Самостоятельную сборку бегущей строки можно выполнить на модуле управления на основе Arduino и несколько светодиодных блоков на контроллере max7219.

Модуль состоит и контроллера, и блока светодиодов 8х8 элементов. Такой размер элемента минимальный для вывода символов. Дело в том, что все матричные принтеры формировали изображение на печать именно на основе такого формата.

Контроллер max7219

Контроллер max7219 представляет собой блок интерфейса обмена информацией и памяти на 64 ячейки для управления светодиодами. В памяти все данные хранится в виде двухмерного массива.

Передача информации осуществляется через SPI интерфейс. SPI — трехпроводной интерфейс для двусторонней передачи данных между устройствами. Более подробно о принципе работы этого интерфейса можно прочитать .

Для взаимодействия контроллера с платой ардуино используется лишь три канала: DIN, CS, CLK.

К стандартным разъёмам платы контроллера можно подключить до четырёх таких led модулей, создав табло 8 х 32 точки. Для увеличения количества подключаемых сегментов можно собрать простейший мультиплексор, который будет переключать управляющие сигналы на нужный модуль. Таким образом возможно выводить информацию на десятки матриц. На этом принципе построена работа всех ЖК-дисплеев.

Для облегчения передачи потока данных в ардуино есть специальная библиотека LedControlMS.

Это видео примера работы библиотеки со светодиодным дисплеем:

Более подробно об управлении матрицей при помощи микроконтроллера можно прочитать по .

Интерфейс ввода информации для последующего вывода на светодиодную матрицу

Для того что бы менять выводимый текст на своё усмотрение потребуется устройство ввода информации.

Способы передачи информации на контроллер Arduino:

  • через клавиатуру с PS2 интерфейсом;
  • через программную клавиатуру;
  • через смартфон.

Вариантов обмена данными с платой контроллера, помимо стандартного подключения к компьютеру через ICP протокол, существует много.

В оболочку Аrduino IDE встроена библиотека для работы с PS2 клавиатурой. Можно использовать программные модули для работы со стандартной восьмикнопочной клавиатурой Аrduino. Организация ввода построена по принципу мобильных телефонов, когда на одной кнопке «подвешено» несколько символов. Подключив к плате Аrduino блютуз модуль возможно передавать тестовую информацию через смартфон.

Когда вы разберётесь с организаций бегущей строки на стандартных модулях Arduino, можно будет переходить к следующему этапу.

Аrduino и промышленные решения

Для создания более габаритных светодиодных дисплеев используются те же принципы адресации.

Для светодиодных панелей, размещаемых на улице, потребуются более мощные источники света, чем миниатюрный светодиодный дисплей. В качестве контроллеров вывода изображения используются max7219, а для коммуникации с мощными светодиодами служит драйвер питания на микросхеме ULN2803. Она имеет восемь линий коммутации управляющих сигналов, что идеально подходит для наших целей.

В конструкции рекламных дисплеев больших габаритов применяют сверхъяркие светодиоды со световым потоком 70-100 Лм.

В одноцветных (монохромных) светодиодных матрицах у каждого элемента существует два состояния: включено/выключено. Для передачи полноцветной информации используют RGB светодиоды с ШИМ-контроллерами управления яркостью для каждого цвета.

Оцените, пожалуйста, статью. Мы старались:)

Очень часто наши и клиенты наших коллег по рынку звонят с вопросом: «как подчинить бегущую строку» или «бегущая строка не работает». Мы собрали наиболее частые поломки и их причины в этой статье и с радостью поделимся с вами этой информацией.

1. Выход из строя одного или нескольких блоков питания.
При выходе из строя одного или нескольких блоков питания на строке наблюдается потеря яркости одного или нескольких модулей, которые запитывал вышедший из строя блок питания. При этом питание частично продолжает подаваться через шлейфы передачи данных от соседних блоков питания, но его уже не достаточно для поддержания яркости.
Проблема решается заменой вышедшего из строя блока питания светодиодной бегущей строки.
2. Не правильное подключение блоков питания к модулям внутри строки.
При сборке строки не допускается подключение модулей к блокам питания «паровозиком». Каждый модуль запитывается только от своей пары клемм на блоке питания и допускается запитывание от клемм модуля только еще одного модуля и не более. Не допускается соединение более двух модулей от одной пары клемм блока питания. Для подсоединения большего числа модулей используйте дополнительные пары клемм на блоке питания.

В случае нарушения данного правила может наблюдаться разность в яркости свечения каждого последующего модуля с предыдущем в цепочке. Этом эффект обусловлен разным напряжением на клеммах модулей. Обычно, замерив напряжение на клеммах вы увидите, что на первом модуле в цепочке 5В, на втором 4,5В, на третьем 4В и т.д. Дефект может проявиться не сразу, а при изменении температурных условий.

Проблема решается перекоммутацией модулей к блокам питания по правилам.
Ниже приведен пример неправильного подключения питания к модулям и правильного.
3. Выход из строя модуля или плохой контакт в шлейфе.
Ниже приведен пример эффекта который может означать два вида поломок.
1-й это плохой контакт в шлейфе. Этот вариант легко устраним заменой шлейфа.
2-й это выход из строя микросхем, управляющих модулем. Ремонт с заменой микросхем требует инженерных навыков и в большинстве случаев проще и дешевле заменить неисправный модуль.
4. Комбинированные дефекты.
Ниже приведен пример эффекта который может означать одновременный выход из строя блока питания и светодиодного модуля или плохого контакта (обжатия) шлейфа.
При вышедшем из строя модуле или плохом обжатии или контакте в шлейфе бывает еще эффект, когда за проблемным модулем или шлейфом вообще не воспроизводиться текст.
Для выявления дефектного шлейфа, просто переставьте шлейф с места где не наблюдалось проблем, на место, где проблема обнаружена. Если после перестановки шлейфа дефект устранен — проблема была в шлейфе.

В любом случае вы можете позвонить нам по бесплатному номеру 8-800-22-22-512 и проконсультироваться.

Бегущая строка в html | Тег

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

В бегущую строку можно вставить новость, объявление, приветствие, отобразить текущее время и дату и много много другой интересной информации.

Как сделать бегущую строку html на сайте

Создать бегущую строку не составит большого труда и времени. Что бы заставить текст двигаться без фотошопа был разработан и создан тег html < marquee >, сначала специально для для браузера Internet Explorer, а затем и все остальные браузеры начали обрабатывать и поддерживать тег.

Что самое приятное и удивительное это очень маленький и коротенький тег, который приводит в движение не только текст, но и картинки. Чудеса да и только!

К примеру, что бы текст двигался справа налево нужно вставить код:

<marquee>Тут вставляем текст бегущей строки</marquee>

Тут вставляем текст бегущей строки

Приветствие:

Hello,my name is Galya

В принципе бегущую строку можно вставить куда душа пожелает: в футер, сайдбар, под шапкой блога или в саму шапку.

Можно настроить бегущую строку добавив стили и атрибуты. По умолчанию бегущая строка движется только справа налево, чтобы изменить направление строки надо к тегу добавить атрибут direction со значением right

<marquee direction=»right»>Бегущая строка cлева направо</marquee>

Бегущая строка cлева направо

Что бы текст не исчезал за границы и двигался туда-сюда нужно добавить атрибут behavior со значением alternate

<marquee behavior=»alternate»>Бегущая строка перемещается между правым и левым краем</marquee>

Бегущая строка перемещается между правым и левым краем

Цветная бегущая строка перемещается между правым и левым краем

Туда-сюда на цветном фоне

Бегущая строка останавливается при наведении

Бегущая строка останавливается при наведении

А теперь добавим стили css и украсим нашу бегущую строку, получится цветная бегущая строка:

Цветная бегущая строка

Цветная бегущая строка движется слева направо:

Цветная бегущая строка слева направо

Настройки:

color: #ad0dd9 — цвет текста бегущей строки
font-size: 20px — размер шрифта

Сделаем бегущую строку на цветном фоне:

<marquee bgcolor=»#e20b0b»>Бегущая строка на цветном фоне</marquee>

Бегущая строка на цветном фоне

bgcolor- цвет фона
Цветная бегущая строка

Чтобы бегущая строка двигалась снизу вверх добавим атрибут direction со значением up:

Бегущая строка снизу вверх

И сразу же добавим еще один атрибут heigh и настроим высоту блока:

Бегущая строка

Настройки:

height=»150″- высота блока

color:#0F9D58- цвет текста бегущей строки

font-size: 30px- размер шрифта

А теперь заставим бегущую строку двигаться сверху вниз. К атрибуту direction добавим значение down

Бегущая строка сверху вниз

Что бы регулировать скорость прокрутки бегущей строки добавим атрибут scrolldelay :

Бегущая строка

Настройка:

scrolldelay=»60″ — изменяем цифры и устанавливаем свою скорость прокрутки

Что бы указать границы блока добавим к стилям рамочку, добавим атрибуты width и height.

height — это высота блока

width — ширина

scrollamount — атрибут который влияет на скорость движения, чем выше число тем быстрее движется текст.

Бегущая строка в рамочке

Сделаем бегущую строку в рамочке на цветном фоне: добавим атрибут bgcolor

Бегущая строка в рамочке на цветном фоне

Бегущая строка в html с картинками

Картинка движется справа налево:

<marquee><img src=»Ссылка на картинку» /></marquee>

Картинка в бегущей строке слева направо:

<marquee direction=»right»><img src=»Ссылка на картинку» /></marquee>

Картинка сверху вниз:

<marquee height=»150″ direction=»down»/><img src=»ссылка на картинку» /></marquee>

<marquee scrollamount=»3″ direction=»up»/><img src=»ссылка на картинку» /> Бегущая строка снизу вверх </marquee>

Изображение и текст в бегущей строке:

Приятно было познакомиться! Заходите ещё!

<marquee behavior=»scroll» direction=»left» ><img src=»Ссылка на изображение»>Текст бегущей строки</marquee>

Ссылка на картинку- https://yablogger.info/wp-content/uploads/2017/04/oe_4f64887337494ff581c5168e37bc4d51.gif

Вставляем картинку на сайт в черновик и в html редакторе находим url картинки или загружаем на специализированный ресурс для публикации изображений на сайтах, блогах, чатах и берем оттуда ссылку.

Как вставить ссылку в бегущую строку

Хотите узнать как сделать из блога сайт?

Как вставить бегущую строку в Blogger (Blogspot)

  1. В редакторе сообщений открываем вкладку НTML и вставляем код. Вначале редактируем текст, потом добавляем код и сразу Публикуем. В визуальный редактор переходить не надо, слетят все настройки, результат смотрите на блоге.
  2. Панель инструментов > Дизайн > Добавить гаджет > HTML/JavaScript, добавляем код.
  3. Вставить гаджет в шапку над названием и описанием блога.

Как добавить бегущую строку в WordPress

В записи открываем Html редактор или вкладку «Текст» вставляем код бегущей строки и нажимаем «Опубликовать». Редактировать статью только в этих вкладках, в визуальном редакторе настройки слетают и придется делать все сначала. Если изменения в статье сделать необходимо, заходим через Консоль > Все записи > Изменить. В такой последовательности открывается запись в html редакторе.

Добавляем бегущую строку в боковую колонку: Консоль > Внешний вид > Виджеты > Текст > Добавить виджет. Вставляем код и сохраняем.

Как вставить бегущую строку в шапку или в подвал сайта? В верхнем меню админ панели вордпресс выбираем вкладку «Настроить». В меню настроек находим «Пользовательский код». Должно открыться два окошка куда можно вставить код бегущей строки: скрипты в хедере и скрипты в подвале сайта. Во всех темах по разному. Если отсутствуют пользовательские коды в настройках добавляем код в файлы. Заходим в Темы > Редактор, находим нужный файл и вставляем код. Что бы бегущая строка была в шапке добавляем код в header.php, для вывода в подвале в файл footer.php

Как сделать бегущую строку на сайте

В этой статье я расскажу о том как сделать бегущую строку на сайте с помощью специального тега HTML — <Marquee>. Для начала стоит отметить, что использование бегущий строки в качестве какой-то анимации на сайте — это уже давно не модно. Про такие сайты говорят, что они из прошлого века.

На мой взгляд, бегущие строки в нынешних условиях вообще лучше не использовать. В крайних случаях их можно использовать лишь для лучшей видимости важной информации (например, актуальные акции, скидки). Есть масса других современных способов как можно донести до пользователя полезную информацию (flash-анимация, баннеры).

Также стоит отметить, что есть и другой способ создания бегущей строки помимо тега marquee. Этот способ реализуется через JavaScript, но из-за нецелесообразности его применения (он нагружает страницу), мы даже не станем его рассматривать.

HTML тег <marquee>

Итак, в HTML есть специальный тег для создания бегущей строки: <marquee>…</marquee>. У него есть множество атрибутов с параметрами, которые довольно просты, поэтому проблем с настройками не должно возникнуть. Ниже я разберу подробно все атрибуты и параметры тега marquee. Кстати, в него можно заключать не только текст, но и изображение и другие элементы сайта. Поэтому эта статья отвечает ещё и на вопрос как сделать бегущее изображение, объект и т.п.

Синтаксис тега <marquee>

<marquee атрибут=»параметр» …>Объекты, которые должны перемещаться</marquee>

Атрибуты и параметры <marquee>

1. width=»число/процент» — задает ширину бегущей строки в пикселях/процентах. Те, кто знаком с html наверняка знакомы с таким атрибутом. Например:

2. height=»число/процент» — задает высоту бегущей строки в пикселях/процентах. Пример можно привести такой же как и с первым атрибутом. Например:

Примечание: если бегущая строка состоит только из одной строки, то высоту можно не указывать, поскольку она автоматически определиться в зависимости от размера шрифта, который задается параметром font-size: Npx.

3. bgcolor=»цвет» — задает цвет фона контейнера. Выбрать цвет можно на странице: коды html цветов. Примечание: если атрибут bgcolor не задан, то по умолчанию фоном будет цвет фона страницы.

4. behavior=»параметр» — это один из самых важных атрибутов бегущий строки. Он задает поведение бегущей строки. Имеет довольно много различных вариантов:
• alternate — бегущая строка перемещается циклично: справа налево, далее слева направо (бегает между краями). Например:

<marquee width=»400″ height=»50″ behavior=»alternate»></marquee>

А так эта строка выглядит на сайте:

Строка с атрибутом behavior=»alternate»

• scroll — бегущая строка перемещается за пределы области в том направлении, которое указывает атрибут direction (с параметром), а далее циклично повторяется. На мой взгляд этот вариант встречается чаще всего. Например:

<marquee width=»400″ height=»50″ behavior=»scroll» direction=»left»></marquee> Строка с атрибутом behavior=»scroll» direction=»left»
• slide — очень похож на scroll, однако в конце строка останавливается и больше не повторяется. Например: <marquee width=»400″ height=»50″ behavior=»slide» direction=»right»></marquee> Строка с атрибутом behavior=»slide» direction=»right»

5. direction=»параметры» — задает направление движения бегущей строки. Может принимать следующие значения:
• down — движение сверху вниз. Например:

<marquee width=»400″ height=»50″ behavior=»scroll» direction=»down»></marquee> Строка с атрибутом behavior=»scroll» direction=»down»
• up — движение снизу вверх. Например: <marquee width=»400″ height=»50″ behavior=»scroll» direction=»up»></marquee> Строка с атрибутом behavior=»scroll» direction=»up»
• left — движение справа налево. Примечание: left установлено по умолчанию. Например: <marquee width=»400″ height=»50″ behavior=»scroll» direction=»left»></marquee> Строка с атрибутом behavior=»scroll» direction=»left»
• right — движение слева направо. Например: <marquee width=»400″ height=»50″ behavior=»scroll» direction=»right»></marquee> Строка с атрибутом behavior=»scroll» direction=»right»

6. hspace=»число» — задает отступ строки по горизонтали до других объектов. Аналогичный атрибут есть у популярного тега img.

7. vspace=»число» — задает отступ по вертикали до других объектов.

8. loop=»число» — какое количество раз нужно прокрутить содержимое. В параметре указывается число, которое и задает количество повторений. Примечание: число -1 означает бесконечный цикл прокрутки. По умолчанию установлено -1.

9. scrollamount=»число» — скорость движения бегущей строки. Число задает количество пикселей, на которое переместиться объект за один такт. Примечание: по умолчанию скорость равна 6 пикс./сек. Например:

<marquee width=»400″ height=»50″ crollamount=»10″></marquee> Строка с атрибутом scrollamount=»10″

10. scrolldelay=»число» — задает задержку между шагами бегущей строки в миллисекундах. Например:

<marquee width=»400″ height=»50″ scrolldelay=»500″></marquee> Строка с атрибутом scrolldelay=»500″

Напоследок приведу 2 примера использования бегущих строк. Пример с использованием объекта div:

<marquee width=»400″ height=»50″> <div style=»width:200px» class=»quote»>Бегущий элемент div</div> </marquee> Бегущий элемент div

Пример бегущего изображения:

Зачем нужна бегущая строка на сайте и как создать ее самостоятельно?

А все бегут, бегут! И строка бежит. Стоп! Какая строка бежит? Конечно же, бегущая и, конечно же, перед глазами пользователей на чужом сайте. И себе хотите такую? Не беда, сейчас научимся, как сделать бегущую строку самостоятельно.

Кто и куда бежит?

Под бегущей строкой подразумевается текст определенной длины, совершающий поступательное или равномерное движение в любую из сторон на определенной области страницы. Также возможны вариации на тему ритмичности движения текста в бегущей строке.

Звучит скучно, но выглядит намного веселее.

Бегущая строка для сайта была популярна еще несколько лет назад. Тогда ее использовали в качестве новостной ленты или для отображения рекламных текстов. Главной проблемой такой строки было ее постоянство, которое вскоре надоедало.

Речь о том, что для замены бегущего текста нужно было часто залазить в html код сайта и менять его на новый. Понятно, что сильно часто этого не делали.

Сегодня весь процесс намного упростился. Если говорить о CMS, то для них написано много специализированных плагинов, сильно упрощающих реализацию бегущей строки.

Сейчас большая часть анимации в интернете создана с помощью технологии flash, и ползающий текст в веб-дизайне считается чуть ли не «винтажностью». Но все равно бегающие перед глазами слова не утратили своей первозданной красоты.

Бегущая строка может быть использована как вывеска для названия сайта или его раздела. Также она идеально подойдет для размещения какой-нибудь умной мысли, которая может стать еще одним способом привлечения внимания со стороны посетителей сайта.

Бегущая строка, написанная на html

Бегущая строка на сайте html – это самый легкий вариант ее реализации с широким диапазоном для творчества.

За движение текста в html отвечает тег <marquee>. Его синтаксис:

< marquee > текст </marquee >

У этого тега много значений и атрибутов:

1) direction – устанавливает направление движения текста. Возможные значения атрибута:

  • left- в правую сторону;
  • right – влево;
  • up – вверх;
  • down – вниз;

2)behavior – отвечает за тип скроллинга. Принимаемые значения:

  • scroll – движение текста в одном направлении;
  • slide – одноразовое движение с последующей остановкой (всплывающий текст);
  • alternate – в заданном направлении и назад.

3)loop – определяет количество циклов повторений. Возможные значения:

  • infinite – бесконечное количество циклов (значение задано по умолчанию).
  • Целое число.

4)scrollamount – задает скорость перемещения бегущей строки. Принимает целое значение.

5)width – задается длина области перемещения.

6)height – задается высота области перемещения.

7)scrolldelay – устанавливает время задержки между циклами в миллисекундах.

Остальные атрибуты тега являются общестилевыми для всех элементов языка гипертекста.

Тег был создан специально под браузер Internet Explorer. До недавнего времени его не воспринимали некоторые другие браузеры, но сейчас его видят все.

И если немного «поиграться» с кодом, то можно заставить двигаться не только текст, но и картинку. А это уже начальный уровень анимации, господа!

Вот код этого примера:

<marquee direction=»up» behavior=»scroll» scrollamount=»2″ scrolldelay=»20″ bgcolor=»blue» width=»700px» height=»300px» style=»color: #D9470D; font-size: 40px; font-weight: bolder»> <img src=»bk.gif» /> Едрит-Мадрид! Куда меня несет!!! </marquee>

Бегущая строка для Joomla

Владельцам сайтов на основе CMS приведенный выше пример не подойдет. Точнее, подойдет, но нужно знать, куда можно «влепить» этот пример в html код. А это непросто.

Все CMS построены на основе php, который является серверным языком программирования. Именно на нем написан код, отвечающий за генерацию страниц сайта. То есть каждый элемент страницы сайта («подвал», «шапка») генерируется во время выполнения кода. Так что редактировать код php своего сайта на CMS не стоит.

Бегущая строка для joomla может быть реализована с помощью установки специальных плагинов. Один из них называется Moving Text. Рассмотрим его установку по шагам:

1. Заходим в панель управления Joomla. Через пункт верхнего меню «Расширения» переходим в «Менеджер расширений».
2. На вкладке менеджера «Установка» выбираем вариант загрузки и жмем на кнопку «Установить»:

3. Затем переходим в «Менеджер плагинов».
4. В списке внизу находим нужный плагин. Отмечаем его и нажимаем вверху на кнопку «Изменить». Рядом с ней находится кнопка «Включить», служащая для активации расширения:

5. В следующем окне в полях «Основные параметры» устанавливаем параметры отображения бегущей строки (длина, скорость и интервал между циклами). После внесения изменений не забудьте нажать на кнопку «Сохранить» (вверху справа).
6. Затем через пункт главного меню «Материалы» переходим в «Менеджер материалов». В нижнем списке отмечаем галочкой нужный материал и жмем на кнопку «Изменить» (кружок с карандашом).
7. В редакторе жмем на кнопку «html». На экране откроется окно редактора кода. Туда вставляем { text=Нужный текст }. Вместо «Нужный текст» пишем то, что нам нужно, и жмем на «Обновить»:

После этого в редактируемом материале появится бегущая строка:

Другие варианты реализации бегущей строки

Бегущий текст можно реализовать не только с помощью html и установкой плагинов. Неплохим считается вариант реализации на javascript. Вот пример его действия:

Вот кусок кода, который размещается в теге <head>:

<SCRIPT LANGUAGE=’JavaScript’> function outmsg(msg,ctrlwidth) { msg = » — «+msg newmsg = msg while (newmsg.length < ctrlwidth) {newmsg += msg} document.write (‘<FORM NAME=»Outmsg»>’) document.write (‘<CENTER><INPUT NAME=»outmsg» VALUE= «‘+newmsg+'» SIZE= ‘+ctrlwidth+’></CENTER>’) document.write (‘</FORM>’) rollmsg() } function rollmsg() { NowMsg=document.Outmsg.outmsg.value NowMsg=NowMsg.substring(1,NowMsg.length)+NowMsg.substring(0,1) document.Outmsg.outmsg.value = NowMsg bannerid=setTimeout(«rollmsg()»,100) } </SCRIPT>

А вот кусок скрипта, который нужно поместить в месте отображения бегущей строки:

<SCRIPT language=’JavaScript’> outmsg(«Вы видите строку! Она бежит! УРА!!!»,70) </script>

Также можно реализовать бегающий текст с помощью библиотеки jquery:

Код примера приведен полностью. При желании css, jquery и html можно разнести по отдельным файлам:

<html> <head> <title> </title> <meta charset=»UTF-8″> <meta http-equiv=»content-language» content=»ru»> <script src=»http://code.jquery.com/jquery-1.9.1.min.js»></script> <script type=»text/javascript»> $(function() { var marquee = $(«#marquee»); marquee.css({«overflow»: «hidden», «width»: «100%»}); // оболочка для текста в виде span (IE не любит дивы с inline-block) marquee.wrapInner(«<span>»); marquee.find(«span»).css({ «width»: «50%», «display»: «inline-block», «text-align»:»center» }); marquee.append(marquee.find(«span»).clone()); // тут у нас два span с текстом marquee.wrapInner(«<div>»); marquee.find(«div»).css(«width», «200%»); var reset = function() { $(this).css(«margin-left», «0%»); $(this).animate({ «margin-left»: «-100%» }, 12000, ‘linear’, reset); }; reset.call(marquee.find(«div»)); }); </script> <style type=»text/css»> .string{ width:600px; height:30px; margin:60px auto; line-height:28px; padding: 0 10px; border-radius:4px; box-shadow:0 1px 2px #777; -moz-border-radius:4px; -webkit-border-radius:4px; background: rgb(238,238,238); background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#eeeeee’, endColorstr=’#cccccc’,GradientType=0 ); } </style> </head> <body> <div class=»string»> <div id=»marquee»>Строка с текстом для показа какого-нибудь важного объявления на сайте.</div> </div> </body> </html>

Что в итоге?

Как видно из примеров, из всех реализаций бегущей строки самым «легковесным» является вариант на html. Да и его функционал намного проще для понимания и освоения. Но такая реализация не подойдет для сайтов на CMS. Для них остаются лишь плагины.

Выбор за вами!

admin

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Наверх