Как добавить прокрутку текста/изображения в 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.

Как добавить прокрутку текста/изображения в WordPress обновлено: Март 15, 2017 автором: Nur Kem


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

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

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

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