Короткий урок о том, как создать бегущую строку с помощью html. На самом деле это не сложно и делается просто с помощью специальных тегов. Это конечно не высший уровень программирования, здесь не построишь трехмерные игры, это всего лишь начало пути для более серьезных разработок. Рассмотрим на примерах.
1
2
3
4
5
6
| <html>
<title>Заголовок</title>
<body>
<marquee behavior="scroll" direction="left">Текст бегущей строки</marquee>
</body>
</html> |
<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> |
<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> |
<marquee behavior="scroll" direction="right"><img src="../images/file.png" />
</marquee>
Смотрим:
910![Youtube канал Александр Маврин](/files/img/youtube_subscribe.jpg")
о да, старый, добрый,но ещё в полне популярный HTML просто великолепен, спасибо Александр
Это его коронные фишки.)))
От самых маленьких БОЛЬШОЕ СПАСИБО!
Большое пожалуйста!))