Как добавить прокрутку текста/изображения в WordPress

Автор:
Nurlan Kemelbekov

В этой статье вы узнаете, как можно добавить простую  прокрутку текста/изображения на веб-страницу WordPress.
Применив тэг marquee, можно добавить своего рода анимацию текста/картинки на веб-страницу.

Здесь показано, как добиться прокрутки текста/изображения с помощью тега Marquee.

Начальный тег: <marquee>
Конец тегов: </marquee>

Простая прокрутка текста:
<marquee> Простая …. Прокрутка ….. Текста </marquee>

Прокрутка текста в обоих направлениях:
<marquee behavior=»alternate»> Прокрутка ….. Текста в обоих направлениях </marquee>
Результат разметки:

Изменение цвета фона текста прокрутки:
<marquee bgcolor=»DarkTurquoise»>Изменение цвета фона текста прокрутки</marquee>

LOOP=» »
Значением этого атрибута может быть любое целое число. Например, если вы хотите, чтобы текст прокрутился дважды, то должны использовать ‘2 ‘в качестве значения. LOOP = «1» будет прокручивать текст только один раз.

<marquee loop=»2″ bgcolor=»DeepSkyBlue «>
Прокрутка текста только дважды.
</marquee>

WIDTH=» »
Это дает контроль над шириной поля прокрутки текста. Количество пикселей или процент от экрана может быть использован в качестве значения.

<marquee width=»350″ bgcolor=»pink»>
Это прокрутка 350 пикселей в ширину.
</marquee>

DIRECTION=» »
Этот атрибут определяет направление. Он может принимать значения left, right, up, или down.
<marquee bgcolor=»LightSkyBlue » direction=»up»>
Я собираюсь вверх.
</marquee>

Прокрутка изображения работает таким же образом, как прокрутка текста. То же используется тег marquee для прокрутки. Однако мы заменим текст тегом ‘IMG’. Давайте посмотрим, как это работает:

Простая прокрутка изображения:

<marquee><img src=»»></marquee>

Прокрутка изображения в обоих направлениях:
<marquee behavior=»alternate»><img src=»»></marquee>

Изменение цвета фона Marquee:
<marquee bgcolor=»pink»><img src=»»></marquee>

Значение атрибута BGCOLOR определяет цвет фона.

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



Рекомендуемый контент

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

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

* Copy This Password *

* Type Or Paste Password Here *

пять × три =

Я просто хотел сказать, как сильно я ценю Ваш комментарий на мой пост. Спасибо Вам !!