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


Это прокрутка 350 пикселей в ширину.

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 *

19 − 11 =

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