Как перемещать изображение в HTML?

Как перемещать изображение в HTML Изучение

Вы можете легко перемещать изображения в 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>
Читайте также:  Что такое конвейер в Node.js?
Оцените статью
bestprogrammer.ru
Добавить комментарий