Бегущая строка HTML

  Александр Маврин   4 комментария

Короткий урок о том, как создать бегущую строку с помощью html. На самом деле это не сложно и делается просто с помощью специальных тегов. Это конечно не высший уровень программирования, здесь не построишь трехмерные игры, это всего лишь начало пути для более серьезных разработок. Рассмотрим на примерах.

1
2
3
4
5
6
<html>
<title>Заголовок</title>
<body>
<marquee behavior="scroll" direction="left">Текст бегущей строки</marquee> 
</body>
</html>

Вот результат:
Текст бегущей строки

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

1
2
3
4
5
6
<html>
<title>Заголовок</title>  
<body>
<marquee behavior="scroll" direction="up">Текст бегущей строки</marquee>
</body>
</html>

Вот, что получилось:
Текст бегущей строки
Таким же образом можно сделать, чтобы передвигалась картинка.

1
2
<marquee behavior="scroll" direction="right"><img src="../images/file.png" />
</marquee>

Смотрим:

Не стесняйтесь делиться записью в социальных сетях. Спасибо

4 комментария
  1. Паха-парень рубаха:

    о да, старый, добрый,но ещё в полне популярный HTML просто великолепен, спасибо Александр

  2. Это его коронные фишки.)))

  3. Лидия:

    От самых маленьких БОЛЬШОЕ СПАСИБО!

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

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