Вы можете легко перемещать изображения в HTML с помощью тега <marquee>. Он используется для создания прокручиваемых изображений либо по горизонтали слева направо или справа налево, либо по вертикали сверху вниз или снизу вверх. По умолчанию изображение в теге будет прокручиваться справа налево.
Синтаксис:
<marquee> <img src=""> </marquee>
Атрибуты тега <marquee>:
direction: Устанавливает направление прокрутки изображений. Значение этого атрибута может быть влево, вправо, вверх или вниз.
поведение: поведение говорит о том, как прокручивается текст. Это может быть одно из следующих значений: чередование, прокрутка, слайд.
Пример 1: В следующем примере используется поведение прокрутки.
<!DOCTYPE html>
<
html
>
<
body
>
<
center
>
<!-- The image has scrolling behavior to left -->
<
marquee
behavior
=
"scroll"
direction
=
"left"
>
<
img
src
=
"https://.......download3.png"
alt
=
"GeeksforGeeks logo"
>
</
marquee
>
<!-- The image has scrolling behavior to the upper direction. -->
<
marquee
behavior
=
"scroll"
direction
=
"up"
>
<
img
src
=
"https://......download3.png"
alt
=
"GeeksforGeeks logo"
>
</
marquee
>
</
center
>
</
body
>
</
html
>
Пример 2: В следующем примере используется альтернативное поведение.
<!DOCTYPE html>
<
html
>
<
body
>
<
center
>
<
marquee
behavior
=
"alternate"
direction
=
"left"
>
<
img
src
=
"https://......download3.png"
alt
=
"GeeksforGeeks logo"
>
</
marquee
>
<
marquee
behavior
=
"alternate"
direction
=
"right"
>
<
img
src
=
"https://......download3.png"
alt
=
"GeeksforGeeks logo"
>
</
marquee
>
</
center
>
</
body
>
</
html
>