slogin.info

ihc 468x60 1 1
Звезда активнаЗвезда активнаЗвезда активнаЗвезда активнаЗвезда активна5 / 5
 
Автор: Администратор
Просмотров: 2607
Теги: html, MARQUEE

Есть не очень распространненый тэг в HTML - marquee, который прокручивает содержимое в нем. Именно об этом тэге и пойдет речь в этой статье.

Довольно часто встречаются случаи, что даже бывалые веб-программисты удивляются увидев этот тэг.

Тэг <marquee></marquee> динамически прокручивает содержимое по определенным в нем правилам.

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

Пример обычной бегущей строчки:

 

<marquee>Бегущая строчка</marquee>

 

Бегущая строчка

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

Атрибут behavior - задает тип движения содержимого тэга, может принимать следующие значения(по-умолчанию scroll):

  • Alternate - Контент перемещается между правым и левым краем элемента.
  • Scroll - Контент перемещается в направлении, заданным атрибутом direction, затем скрывается за пределами области, после чего начинает движение с начала.
  • Slide - Контент перемещается в направлении, заданным атрибутом direction, доходит до края области и останавливается.

Атрибут direction - указывает направление движения содержимого тэга, может принимать следующие значения(по умолчанию left):

  • Down - Движение сверху вниз.
  • Left - Движение справа налево.
  • Right - Движение в правую сторону.
  • Up - Движение вверх.

Атрибут loop - задает, сколько раз будет прокручиваться содержимое, может принимать следующие значения(по умолчанию -1):

  • Любое целое положительное число
  • -1 означает бесконечное повторение

Атрибут scrollamount - скорость движения содержимого, может принимать следующие значения(по умолчанию 6):

  • Любое целое положительное число

Атрибут scrolldelay - величина задержки в миллисекундах между движениями, может принимать следующие значения(по умолчанию 85):

  • Любое целое положительное число миллисекунд

Теперь несколько примеров использования тэга <marquee>:

 

<marquee height="50" direction="up">Бегущая строчка</marquee>

 

Бегущая строчка

 

<marquee scrollamount="3" direction="right">Бегущая строчка</marquee>

 

Бегущая строчка

 

<marquee scrollamount="30">Бегущая <a href="http://www.web.cofp.ru/">строчка</a></marquee>

 

Бегущая строчка

 

<marquee behavior="alternate">Бегущая строчка</marquee>

 

Бегущая строчка

 

<marquee>
    <a href="http://ihc.ru/?ref=38375"><img alt="ihc 120x240 4" src="/images/system/ihc_120x240_4.gif" /></a>
    <a href="http://www.hostland.ru/order/hosting/?r=8f9c16ea"><img alt="nekisli1" src="/images/system/nekisli1.gif" /></a>
    <a href="http://ihc.ru/?ref=38375"><img alt="ihc 240x400 1" src="/images/system/ihc_240x400_1.gif" /></a>
    <a href="http://ihc.ru/?ref=38375"><img alt="ihc 120x240 3" src="/images/system/ihc_120x240_3.gif" /></a>
</marquee>

 

ihc 120x240 4nekisli1ihc 240x400 1ihc 120x240 3

Добавить комментарий

Авторизоваться с помощью:

     


Защитный код
Обновить

Поиск по сайту

Топ 10 активных пользователей

  • Имя пользователя Баллы
  • gawk
    44.20
  • hr@proovelab
    15.00
  • ZOMRO
    8.80
  • intuit89
    7.40
  • Varvarka
    4.00
  • Akyla58
    3.00
  • AnnaOl
    3.00
  • dimasik_3557
    3.00
  • ErcardSa
    3.00
  • Galinamuh
    3.00
 

Рекламные ссылки

IHC

Пожертвования

icon donate

Yandex.Money: 410011571748395

Webmoney:

R362907776401 (Рубли)

Z410919458006 (Доллары)

ihc 468x60 1 1

Похожие материалы

Языки программирования сайтов

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

Теги:

css, html, javascript, php, веб

Комментариев: 0 Подробнее
Основы HTML. Урок №1. Как создать HTML документ?

С этой статьи я начинаю свой цикл, посвященный основам HTML, где я буду доступным и постараюсь понятным для новичков языком объяснять основы данного веб-языка.

Теги:

html, document, file

Комментариев: 0 Подробнее
Основы HTML. Урок №2. Структура страницы.

Продолжаю цикл статей, посвященный изучению основ HTML и это второй урок, в котором я расскажу вам о базовой структуре HTML странички и тут же мы поговорим о тегах.

Теги:

html, title, body, head

Комментариев: 0 Подробнее
Основы HTML. Урок №3. Некоторые теги тела документа.

Это третья статья, в цикле изучения основ HTML и в ней я расскажу вам о некоторых тегах, который используются в теле документа.

Теги:

html, tags, img, tag, div

Комментариев: 0 Подробнее

Последнее с форума

ZOMRO аватар
Дарим хорошее настроение и качественный сервис — этого заслуживает каждый наш клиент. Акции, бонусы...
Перейти в тему
ZOMRO аватар
Чем больше — тем дешевле! При заказе услуги VPS или виртуального хостинга и оплате его на длительны...
Перейти в тему
intuit89 аватар
[image] Всем привет! Меня зовут Михаил, я представляю команду, в составе: копирайтер, дизайнер и SM...
Перейти в тему

Последние статьи

Javascript функции

Функции - одна из основных концепций языка JavaScript. При этом есть кардинальное отличие от многих языков программирования, в JS каждая функция сама по себе является объектом, а соответственно и манипулировать с ней можно разными способами:

Ссылка на телефон

В этой статье мы рассмотрим простой и обычный способ создания ссылки на телефон.

CPA сети 30.01.2017
CPA сети

Сегодня мы подробно рассмотрим тему зарабатка на своих проектах (т.е. это не обязательно сайты) при помощи CPA сетей.