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

Бегущая строка с помощью тега : marquee.
Здравствуйте, уважаемые читатели!
Я расскажу как сделать бегущую строку или изображение с помощью тега marquee.
«Selling my site wplaksa.ru»
В текстовом редакторе wordpress нажимаем вкладку текст и вводим в нужном месте html код
Получаем вот так:
Тег marquee делает строку или изображение бегущим, закрывающий тег </marquee> обязательно.
behavior=»alternate» текст перемещается между правым и левым краем
scrollamount=»5″ задаёт скорость движения.
bgcolor=»bc4dfff» задаёт цвет фона.
<span style=»font-family: arial, helvetica, sans-serif; font-size: 24px; color: #ff6600;»> задаёт стиль, размер и цвет текста.
Цвета по шестнадцатеричным значениям не обязательно подбирать эмпирическим путем. Для этой цели подойдет графический редактор inkscape или любой другой,, умеющий работать с разными цветовыми моделями.
Делаю картинку в движении с лева на право бесконечно
Код:
behavior=»scroll» изображние прокручивается снова и снова.
direction=»right» задаёт движение направо.
onmouseover=»this.stop()» onmouseout=»this.start()» останавливает картинку при наведении мыши.
Делаю картинку в движении с лева на право ограниченное количество раз с остановкой справа.
Код:
behavior=»slide» картинка движется с лева на право и останавливается справа.
loop=»3″ задаёт количество проходов до остановки.
Бегущая строка
Движение налево:
Код:
direction=»left» движение влево.
down движение сверху вниз.
right движение в правую сторону.
up движение вверх.
Вот и всё ! Всё просто и доступно.Всем счастья, успехов, здоровья!
Лайки, ссылки, твиты и комментарии приветствуются.
Понравился пост? Бегущая строка. Помоги другим узнать об этой статье, кликни на кнопку социальных сетей
До встречи!
Поддержи сайт Уважаемый Читатель!
Если вам понравились статьи на этом блоге, поддержите автора, я старался. Окажите финансовую поддержку проекту. Вы можете внести любую сумму, какая для Вас возможна. Сделать это можно через платежную форму, расположенную ниже.
Мой отзыв на курс «Мой первый блог»
Добавить комментарий