Спецэффекты для сайта html

Безимени-196В данной рубрике мы рассмотрим такой дополнительный элемент, как мигающий текст и бегущую строка. Для начала узнаем более подробно о бегущей строке html.

Обычно целью бегущей строки является реклама (услуг, товаров и много другого).
Для создания бегущей строки html требуется воспользоваться тегом <marquee></marquee>.
Давайте попробуем вставить какой-нибудь текст между тегами <marquee></marquee> .

посмотреть результат

 

Также, в теге бегущей строки <marquee> можно отредактировать:
heqght – высота строки
width – ширина строки
loop – количество прокрутки строки
- bgcolor – фоновый цвет бегущей строки
Давайте попробуем задать все эти параметры к нашей строке:

посмотреть результат

 

Также при помощи специальных тегов можно контролировать движение бегущей строки:

Scrollamount – скорость с которой будет двигаться строка ( может принимать значение от 1 до 10);
Direction – редактирует в бегущей строке направление движения (вправо – “right“, влево – “left“, вниз – “down“, вверх – “up”);
Behavior – порядок прокрутки ( обычная прокрутка – “scroll“, с движениями от края к краю – “alternate“, прокрутка с остановкой – “slide“).

Назначим нашей строке движение:

посмотреть результат

 

При помощи простых действий и стилей GSS можно нашу бегущую строку превратить в мигающую строку. Давайте посмотрим, как это выглядит:

посмотреть результат

 

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

Поделиться в соц. сетях

Опубликовать в Google Buzz
Опубликовать в Google Plus
Опубликовать в LiveJournal
Опубликовать в Мой Мир
Опубликовать в Одноклассники

Оставить комментарий

http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_whistle3.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif 
 

Goon Каталог сайтов Рейтинг@Mail.ru Яндекс.Метрика