Бегущая строка с помощью тега «marquee».

TIZER

Бегущая строка с помощью тега : marquee.

Здравствуйте, уважаемые читатели!

Я расскажу как сделать бегущую строку или изображение с помощью тега marquee.


Бегущая строка
Продам свой сайт wplaksa.ru.

   В текстовом редакторе wordpress нажимаем вкладку текст и вводим в нужном месте html код

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

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

Получаем вот так:

wplaksa.ru Личный опыт создания блога!

Тег marquee делает строку или изображение бегущим, закрывающий тег </marquee> обязательно.
behavior=»alternate» текст перемещается между правым и левым краем
scrollamount=»5″ задаёт скорость движения.
bgcolor=»bc4dfff» задаёт цвет фона.
<span style=»font-family: arial, helvetica, sans-serif; font-size: 24px; color: #ff6600;»> задаёт стиль, размер и цвет текста.
Цвета по шестнадцатеричным значениям не обязательно подбирать эмпирическим путем. Для этой цели подойдет графический редактор inkscape или любой другой,, умеющий работать с разными цветовыми моделями.

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

   Делаю картинку в движении с лева на право бесконечно

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

Бегущая строка с помощью тега : marquee.

behavior=»scroll» изображние прокручивается снова и снова.
direction=»right» задаёт движение направо.
onmouseover=»this.stop()» onmouseout=»this.start()» останавливает картинку при наведении мыши.

   Делаю картинку в движении с лева на право ограниченное количество раз с остановкой справа.

Код:

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

behavior=»slide» картинка движется с лева на право и останавливается справа.
loop=»3″ задаёт количество проходов до остановки.

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

   Движение налево:

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

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

direction=»left» движение влево.

down  движение сверху вниз.

right  движение в правую сторону.
up  движение вверх.

Вот и всё ! Всё просто и доступно.Всем счастья, успехов, здоровья!
Лайки, ссылки, твиты и комментарии приветствуются.Бегущая строка

Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей

До встречи!

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

Поддержи сайт

Содержание сайта

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

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

Personal experience of creating a blog.