Программирование - это просто
Advertisement
Главная arrow Web-программирование arrow Уроки HTML arrow Некоторые спецэффекты HTML (strike, marquee, loop, infinite, behavior, hspace)
24.04.2024 г.
Главное меню
Главная
Интернет магазин
Программные продукты
Биржевые роботы
Искусственный интеллект
Математика и информатика
1С:Предприятие
Уроки C#
Уроки Delphi
Уроки программирования
Web-программирование
Дизайн и графика
Компьютер для блондинок
Исходники
Статьи
Платный раздел
Рассказы про компьютеры
Хитрости и секреты
Системный подход
Размышления
Наука для чайников
Друзья сайта
Excel-это не сложно
Все о финансах
.
Некоторые спецэффекты HTML (strike, marquee, loop, infinite, behavior, hspace) Печать E-mail
Автор megabax   
06.09.2009 г.

Уроки web-программирования:  «Некоторые спецэффекты HTML» (strike, marquee, loop, infinite, behavior, hspace).

Это последний урок, посвященный HTML. Дальше мы будем изучать CSS. А сегодня рассмотрим некоторые спецэффекты.

Начнем с зачеркнутого текста. Его делает тэг <strike>:

Пример:

Это нормальный текст.

А это зачеркнутый.

Код примера:

Это нормальный текст

<strike>А это зачеркнутый</strike>

Текст можно подчеркнуть сверху.

Код примера:

<p>Текст можно <span style="text-decoration: overline">подчеркнуть сверху.</span></p>

Теперь попробуем реализовать следующий эффект - "Бегущая строка"

Это у нас бегущая строка

код примера:

<marquee loop="infinite" behavior="alternate"
        bgcolor="yellow" direction="right" height="50" width="450">
Это у нас бегущая строка
</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"
Последнее обновление ( 30.10.2014 г. )
 
« След.   Пред. »
 
© 2024 Программирование - это просто
Joomla! - свободное программное обеспечение, распространяемое по лицензии GNU/GPL.
Русская локализация © 2005-2008 Joom.Ru - Русский Дом Joomla!
Design by Mamboteam.com | Powered by Mambobanner.de
Я принимаю Яндекс.Деньги