ГЛАВНАЯ | Регистрация | ВХОД  

 
Здарова, Гость | RSS  
 
eluka vkontakte www.twitter.com www.facebook.com
НАВИГАЦИЯ
Разделы Новостей
[26.10.2010][РАЗНОЕ]
20 бесплатных альтернатив Photoshop (0)
ЧАТ-ОКНО
ПОПУЛЯРНОЕ

Сайты продаются.

Спеши купить свой сайт.

Цены уточнять через ICQ 31048198пять

  • Сайт продаётся eluka 45.000р
  • НОВОЕ
    РЕКЛАМА
    Загрузка...
    РЕКЛАМА
    Скоро здесь будет реклама.
    РЕКЛАМА
    РЕКЛАМА
    Главная » 2010 » Октябрь » 17 » Создание и вставка бегущей строки в HTML документе.
    Создание и вставка бегущей строки в HTML документе.
    13:08

    Бегущая строка в тексте документа является одним из легких способов оживить Web-страницу. Бегущие объекты всегда привлекают внимание, и пользователь обязательно прочтет что там написано. Так же бегущую строку можно применять, там где мало места. Но не следует злоупотреблять экономией места. Помните, что посетитель может просто не дождаться, когда в бегущей строке отобразится весь текст сообщения.

    Бегущая строка создаётся с помощью контейнера тэгов <marquee>...</marquee> со следующими атрибутами:

    • width="..." - ширина бегущей строки в пикселях или процентах от ширины экрана.
    • height="..." - высота бегущей строки в пикселях или процентах. (Если вы делаете бегущую строку в одну строчку, то можно высоту не указывать, она сама подбирается под размер букв).
    • bgcolor="..." - определяет цвет фона бегущей строки.
    • behavior="..." задает тип движения (поведение) бегущей строки и имеет следующие значения:
      • scroll - циклическая прокрутка текста из одного конца в другой Бегущая строка
      • slide - текст появляется с одного края и останавливается у другого. Бегущая строка
      • alternate - текст перемещается от одного края к другому и обратно. Бегущая строка
    • direction="..." - определяет направление движения бегущей строки. Имеет следующие значения:
      • left - текст движется влево по строке Бегущая строка
      • right - текст движется вправо по строке Бегущая строка
      • up - вся строка перемещается снизу вверх Бегущая строка
      • down - строка движется сверху вниз Бегущая строка
    • scrollamount="..." - шаг перемещения в строке в пикселах, на который перемещается текст за заданный интервал времени. Например: 
      Бегущая строка  - scrollamount="1" 
      Бегущая строка  - scrollamount="2" 
      Бегущая строка  - scrollamount="2"
    • scrolldelay="..." - Этот атрибут задаёт временной интервал между шагами бегущей строки в миллисекундах. Например: 
      Бегущая строка  - scrolldelay="100" 
      Бегущая строка  - scrolldelay="200" 
      Бегущая строка  - scrolldelay="300"
    • loop="..." - задаёт число проходов текста бегущей строки. По умолчанию или при указании значения -1 (infinite) броузер будет прокручивать текст бесконечное число раз.
    • hspace="..." - Этот атрибут задает поле в пикселах справа и слева от бегущей строки. 
      Бегущая строка  - hspace="10" 
      Бегущая строка  - hspace="0"
    • vspace="..." - Этот атрибут задает отступ в пикселах выше и ниже бегущей строки. 
      Бегущая строка  - hspace="0" 
      Бегущая строка  - hspace="10"

    Ниже приведен пример кода для бегущей строки размеро 50 пикселей в высоту и 250 пикселей в ширину. Определена бесконечная прокрутка текста, текст перемещается слева направо и имеет ярко-голубом фоне.

    <marquee loop="infinite" behavior="altemate" 
     bgcolor="aqua" direction="right" height="50" width="250">
    Пример берущей строки.
    </marquee>
    

    А так выглядит результат этого кода: 

    Пример берущей строки.

    Теперь давайте  http://l2w.narod.ru/TextBook/RunningString.html

    Категория: РАЗНОЕ | Просмотров: 1038 | Добавил: admin | Рейтинг: 0.0/0 |
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    © 2024 - eluka.ru
    Развлекательный Портал - eluka

    ВХОД НА САЙТ
    ГОЛОСУЙ!
    Чего нужно побольше?
    Всего ответов: 1
    Поиск
    Календарь новостей
    «  Октябрь 2010  »
    ПнВтСрЧтПтСбВс
        123
    45678910
    11121314151617
    18192021222324
    25262728293031
    Статистика сайта


    КЛИКАЙ
    ДРУЗЬЯ САЙТА