Бегущая строка на чистом - HTML.
Продолжаем изучать основы HTML.
В этом уроке я расскажу и научу,
как сделать в HTML документе бегущую строку.
Это, своего рода, примитивная анимация на веб сайте
без использования графических редакторов.
Бегущую строку можно использовать для вывода новостей,
акций, рекламного сообщения и даже для красивых дизайнерских моментов
(например: облако в небе передвигается в шапке сайта).
Я думаю, вы сами найдете применение бегучей строке на своем сайте,
а моя задача сейчас рассказать, Для создания бегущей строки используют тег:
Вставить нужный код в HTML. ========Код рамки в HTML======== <marquee><img src="Путь к картинке." width="100" height="50" alt="Котик движется справа налево"></marquee> <marquee direction="right"><img src="Путь к картинке." width="100" height="50" alt="Котик движется с лево на права"></marquee> <marquee direction="up"><img src="Путь к картинке." width="100" height="50" alt="Бегущая строка снизу вверх"></marquee> <marquee direction="down"><img src="Путь к картинке." width="100" height="50" alt="Бегущая строка сверху вниз"></marquee> <marquee behavior="slide">строка начинает свой путь из одного края и останавливается у другого</marquee> <marquee behavior="alternate">строка будет двигаться от края до края</marquee> <marquee scrollamount="110">задать скорость движения. чем брльше значения тем быстрее</marquee> <marquee scrolldelay="1000" >Бегущая строка замедленное движение</marquee> <marquee hspace="250" >отступы в лево и право, Бегущей строки</marquee> ===========Код в CSS:========== =============================== Котик движется справа налево Котик движется с лево на права