Html marquee: Шатёр HTML

HTML — : элемент Marquee — Устарело: эта функция больше не рекомендуется. Хотя некоторые браузеры могут по-

Устарело: эта функция больше не рекомендуется. Хотя некоторые браузеры могут по-прежнему поддерживать его, возможно, он уже был удален из соответствующих веб-стандартов, может быть удален или может быть сохранен только в целях совместимости. Избегайте его использования и, если возможно, обновите существующий код; см. таблицу совместимости внизу этой страницы, чтобы принять решение. Имейте в виду, что эта функция может перестать работать в любой момент.

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

Attributes

behavior

Устанавливает, как текст прокручивается в области выделения. Возможные значения: scroll , slide и alternate . Если значение не указано, значением по умолчанию является scroll .

bgcolor

Устанавливает цвет фона через название цвета или шестнадцатеричное значение.

direction

Устанавливает направление прокрутки в пределах области. Возможные значения: left , right , up и down . Если значение не указано, значение по умолчанию left .

height

Устанавливает высоту в пикселях или в процентах.

hspace

Устанавливает горизонтальное поле

loop

Устанавливает количество раз, когда шатер будет прокручиваться. Если значение не указано, значением по умолчанию является -1, что означает, что выделение будет прокручиваться непрерывно.

scrollamount

Устанавливает количество прокруток на каждом интервале в пикселях.Значение по умолчанию-6.

scrolldelay

Устанавливает интервал между каждым движением прокрутки в миллисекундах. Значение по умолчанию — 85. Обратите внимание, что любое значение меньше 60 игнорируется и вместо него используется значение 60, если не указано truespeed .

truespeed

По умолчанию значения scrolldelay ниже 60 игнорируются. Если присутствует truespeed , эти значения не игнорируются.

vspace

Устанавливает вертикальное поле в пикселях или процентах.

width

Устанавливает ширину в пикселях или в процентах.

Организаторы мероприятий

onbounce

Срабатывает, когда выделение достигло конца своей позиции прокрутки. Он может стрелять только тогда , когда атрибут поведения установлен на alternate .

onfinish

Стреляет,когда шатёр закончил прокрутку,установленную атрибутом цикла.Он может запускать огонь только в том случае,если атрибут цикла имеет значение больше 0.

onstart

Стреляет,когда шатёр начинает прокручиваться.

Methods

start()

Начинает прокрутку шатра.

stop()

Хватит прокручивать шатёр.

Examples

<marquee>This text will scroll from right to left</marquee>

<marquee direction="up">This text will scroll from bottom to top</marquee>

<marquee direction="down" behavior="alternate">
  <marquee behavior="alternate">
    This text will bounce
  </marquee>
</marquee>

Specifications

Совместимость с браузерами

См.также

Что такое HTML Marquee?

В языке разметки гипертекста (HTML) выделение — это тег HTML, который заставляет элементы, содержащиеся в теге, перемещаться по некоторой части видимой области веб-страницы. Изначально HTML-область была разработана, чтобы позволить дизайнерам легко включать текстовую анимацию в стиле тикера, хотя тег можно применять к любому типу элементов, включая изображения и гиперссылки. Как и многие HTML-теги, у тега HTML-маркера есть несколько атрибутов, которые можно установить для управления направлением и скоростью перемещения, сколько раз элемент должен прокручиваться и сколько раз экран должен быть пройден. HTML-тэг marquee никогда не был технически частью стандарта языка HTML; вместо этого это было расширение, созданное для одного веб-браузера, хотя многие другие браузеры в конечном итоге встроили некоторую поддержку тега. Простую прокрутку выделенного HTML-кода можно легко воспроизвести с помощью каскадных таблиц стилей (CSS) и JavaScript®, и это предпочтительный способ создания эффекта.

Важное замечание о теге HTML marquee состоит в том, что это расширение было создано исключительно для Microsoft® Internet Explorer® без какого-либо уведомления консорциума, который поддерживает и регулирует стандарт языка HTML. Это означало, что функция выделения изначально отображалась только в одном браузере и не имела формального стандарта для других браузеров. В большинстве веб-браузеров в конечном итоге реализована поддержка тега marquee, в основном для соответствия существующим веб-сайтам. Тэг marquee официально считается устаревшим в соответствии со стандартом языка HTML, однако его дальнейшая поддержка не гарантируется, и его дальнейшее использование не рекомендуется.

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

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

ДРУГИЕ ЯЗЫКИ

| Справочник HTML

Элемент <marquee> (от англ. «marquee» ‒ «бегущая строка») cоздаёт горизонтальную и вертикальную анимацию текста на странице в виде бегущей строки.

Содержимое контейнера <marquee> не ограничивается строками и позволяет перемещать (скролировать) любые элементы веб-страницы: строки или блоки текста, списки, объекты, таблицы и т.д.

Внимание: Элемент <marquee> вышел из употребления. Хотя он может продолжать работать в некоторых браузерах, его использование не рекомендуется. Используйте вместо него соответствующие стили CSS.

Синтаксис

<marquee>...</marquee>

Закрывающий тег

Обязателен.

Атрибуты

behaviorУстарел в HTML5

Задаёт тип движения содержимого контейнера <marquee>.

---

bgcolorУстарел в HTML5

Цвет фона.

---

directionУстарел в HTML5

Указывает направление движения содержимого контейнера <marquee>.

---

heightУстарел в HTML5

Задаёт высоту анимированной области.

---

hspaceУстарел в HTML5

Устанавливает размер отступа от левого и правого края бегущей строки.

---

loopУстарел в HTML5

Устанавливает количество повторов анимации.

---

scrollamountУстарел в HTML5

Скорость движения контента.

---

scrolldelayУстарел в HTML5

Величина задержки в миллисекундах между движениями.

---

truespeedУстарел в HTML5

Отменяет встроенный ограничитель скорости при низких значениях атрибута scrolldelay.

---

vspaceУстарел в HTML5

Вертикальные поля вокруг содержимого.

---

widthУстарел в HTML5

Ширина анимированной области.

Элемент поддерживает глобальные атрибуты и события.

Стилизация по умолчанию

В качестве альтернативы <marquee> применяется стилевое свойство animation.

Различия между HTML 4.01 и HTML5

Элемент <marquee> вышел из употребления.

Пример использования:

Текст с выделенным словом:

Спецификации

Поддержка браузерами

Учебник HTML

HTML уроки: HTML Элементы

marquee html

Всем привет! Сегодня мы рассмотрим тег marquee. Данный тег позволяет перемещать содержимое в определенную сторону.

Пример:

<style>
    li{
        display:inline;
        margin-right:20px;
      
    }
</style>
<marquee >
    <ul>
        <li>Слайд1</li>
        <li>Слайд2</li>
        <li>Слайд3</li>
    </ul>
</marquee>

Здесь мы обернули маркированный список в тег marquee. В результате мы получили такой интересный эффект когда содержимое данного тега перемещается справа налево.

Данный тег поддерживается во многих браузерах в том числе и в IE.

С помощью определенных атрибутов мы можем поведение данного тега.

Например через атрибут direction мы можем указывать направление движения содержимого в теге marquee.

<marquee direction="right" >...</marquee>

Содержимое будет двигаться слева на право. Данный атрибут принимает следующие значения. direction=»down | left | right | up». По умолчанию left.

Атрибут scrollamount отвечает за скорость движения, по умолчанию она равна 6.

Атрибут loop — количество повторений полных перемещений, если не указать, то контент внутри тега marquee будет перемещаться неограниченное количество раз.

Далее по списку:

behavior=»alternate | scroll | slide» — задает определенный тип движения по умолчанию alternate. Для сравнения можете проверить самостоятельно, отличия есть.

bgcolor — задает цвет фона в теге

width — устанавливает ширину тегу

height — устанавливает высоту тегу

Атрибуты hspace и vspace предназначаются для добавления пустого пространства по краям и высоте содержимого элемента marquee.

Есть еще такой интересный атрибут scrolldelay. В нем мы указываем время задержки в миллисекундах. И чем меньше значение, тем больше скорость перемещения содержимого тега.

На этом данная статья подошла к концу. С помощью тега marquee мы можем делать активные (перемещающиеся)ленты объявлений, новостей, статистики на своем ресурсе. Тем самым привлекая внимание пользователей. Однако сильно увлекаться этим не стоит. Ну, да ладно!

Если у вас появились вопросы оставляйте их в комментариях или в группе

На этом у меня все. Желаю вам успехов и удачи! Пока!

Внимание!!! Комментарий теперь перед публикацией проходит модерацию

: элемент Marquee — HTML: язык гипертекстовой разметки

Устарело: Эта функция больше не рекомендуется. Хотя некоторые браузеры могут по-прежнему поддерживать его, возможно, он уже удален из соответствующих веб-стандартов, может находиться в процессе исключения или может быть сохранен только в целях совместимости. Избегайте его использования и обновляйте существующий код, если это возможно; см. таблицу совместимости внизу этой страницы, чтобы принять решение. Имейте в виду, что эта функция может перестать работать в любой момент.

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

поведение

Устанавливает способ прокрутки текста в пределах области выделения. Возможные значения: прокрутка , слайд и чередование . Если значение не указано, по умолчанию используется значение scroll .

цвет

Задает цвет фона с помощью имени цвета или шестнадцатеричного значения.

направление

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

высота

Устанавливает высоту в пикселях или в процентах.

hпробел

Устанавливает горизонтальное поле

петля

Задает количество прокруток бегущей строки. Если значение не указано, значение по умолчанию равно −1, что означает, что бегунок будет непрерывно прокручиваться.

количество прокрутки

Устанавливает количество прокрутки в каждом интервале в пикселях.Значение по умолчанию — 6.

задержка прокрутки

Устанавливает интервал между каждым движением прокрутки в миллисекундах. Значение по умолчанию — 85. Обратите внимание, что любое значение меньше 60 игнорируется и вместо него используется значение 60, если только не указано truespeed .

истинная скорость

По умолчанию значения scrolldelay ниже 60 игнорируются. Если присутствует truespeed , эти значения не игнорируются.

vspace

Устанавливает вертикальное поле в пикселях или в процентах.

ширина

Задает ширину в пикселях или в процентах.

при отказе

Срабатывает, когда бегущая строка достигает конца позиции прокрутки. Он может срабатывать, только если для атрибута поведения задано значение , альтернативное .

отделка

Срабатывает, когда область выделения завершила количество прокруток, заданное атрибутом цикла. Он может срабатывать только в том случае, если для атрибута цикла задано число больше 0.

при запуске

Срабатывает, когда бегущее окно начинает прокручиваться.

начало()

Запускает прокрутку бегущей строки.

стоп()

Останавливает прокрутку бегущей строки.

  Этот текст будет прокручиваться справа налево

Этот текст будет прокручиваться снизу вверх


  <шаговое поведение="альтернативное">
    Этот текст будет отскакивать
  

   
 Таблицы BCD загружаются только в браузере 
 
 Тег HTML marquee 
  — это нестандартный тег HTML, который использовался для создания прокручиваемого текста или изображения.Он использовался для прокрутки текста или изображения по горизонтали или вертикали вниз по веб-странице. Из-за проблем с удобством использования его часто сравнивали с элементом мигания Netscape. 

 Альтернативы тегу HTML 
 
 Как было сказано выше, HTML-тег  устарел, и разработчики часто избегают его использования. В настоящее время вы можете добиться того же результата с помощью CSS и Javascript.Прочтите наш фрагмент, чтобы узнать больше об этом методе. 

 Синтаксис 
 Тег  идет парами. Содержимое записывается между открывающим () и закрывающим () тегами. 

 Пример использования тега HTML 
: 
  

  <голова>
    
    <стиль>
      шатер {
      размер шрифта: 30px;
      вес шрифта: 800;
      цвет: #8ebf42;
      семейство шрифтов: без засечек;
      }
    
  
  <тело>
    Прокручиваемый текст, созданный с помощью элемента HTML Marquee.
  
  
 Используйте атрибут направления элемента  для изменения направления текста/изображения. См. другой пример, где текст прокручивается сверху вниз. 

 Пример прокручиваемого текста: 
  

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

 Пример прокручиваемого изображения: 
  

  <голова>
    
  
  <тело>
     
      
    
  
  
 Пример создания прокручиваемого текста с HTML-тегом 
: 
  

  <голова>
    
  
  <тело>
    <стиль>
      шатер {
        ширина: 100%;
        отступ: 10px 0;
        цвет фона: голубой;
      }
    
    Этот текст с прокруткой создан с помощью элемента HTML Marquee и оформлен с помощью свойств CSS.
  
  
 Атрибуты 
 Следующие атрибуты можно использовать для настройки внешнего вида элемента .
 
 
 
 
 Атрибут 
 Значение 
 Описание 
 
 
 
 
 поведение 
 прокрутка 
 слайд 
 альтернатива 
 Определяет тип прокрутки.
 
 
 цвет 
 rgb(x,x,x) 
 #xxxxxx 
 название цвета 
 Используется для задания цвета фона. 
 
 
 направление 
 вверх 
 вниз 
 влево 
 вправо 
 Задает направление прокрутки содержимого. 
 
 
 высота 
 пикселей 
 % 
 Определяет высоту выделения.
 
 
 hпробел 
 пикселей 
 Определяет горизонтальное пространство вокруг выделения. 
 
 
 петля 
 номер 
 Определяет, сколько раз содержимое будет прокручиваться. Если мы не определим это, содержимое будет прокручиваться вечно. 
 
 
 объем прокрутки 
 номер 
 Определяет величину прокрутки на каждом интервале в пикселях.Значение по умолчанию — 6. 
 
 
 задержка прокрутки 
 секунды 
 Определяет длительность задержки между каждым переходом. Значение по умолчанию — 85, а значения меньше 60 будут игнорироваться. 
 
 
 истинная скорость 
 секунды 
 Используется для задержки прокрутки менее 60. 
 
 
 vspace 
 пикселей 
 Определяет вертикальное пространство вокруг выделения.
 
 
 ширина 
 пикселей 
 % 
 Определяет ширину выделения. 
 
 
 
 Тег  также поддерживает глобальные атрибуты и атрибуты событий.

 Как оформить тег 
? 
 Общие свойства для изменения визуального веса/выделения/размера текста в теге 
: 
 
 Свойство CSS font-style устанавливает стиль шрифта.нормальный | курсив | наклонный | начальная | наследовать. 
 Свойство CSS font-family задает приоритетный список из одного или нескольких имен семейств шрифтов и/или общих имен семейств для выбранного элемента. 
 Свойство CSS font-size устанавливает размер шрифта. 
 Свойство CSS font-weight определяет, должен ли шрифт быть полужирным или толстым. 
 Свойство CSS text-transform управляет регистром и регистром текста. 
 Свойство CSS text-decoration определяет украшение, добавляемое к тексту, и является сокращенным свойством для text-decoration-line, text-decoration-color, text-decoration-style.
 
 Цветной текст в теге 
: 
 
 Свойство CSS color описывает цвет текстового содержимого и оформления текста. 
 Свойство CSS background-color устанавливает цвет фона элемента. 
 
 Стили макета текста для тега 
: 
 
 Свойство CSS text-indent определяет отступ первой строки в текстовом блоке. 
 Свойство CSS text-overflow указывает, каким образом переполненное содержимое, которое не отображается, должно сигнализироваться пользователю.
 Свойство CSS white-space указывает, как обрабатывается пробел внутри элемента. 
 Свойство CSS word-break указывает, где строки должны быть разорваны. 
 
 Другие свойства, на которые стоит обратить внимание для тега 
: 
 Устаревшие теги HTML 
  
 
 <акроним> 
 Сообщает браузеру, что содержащиеся в нем символы являются аббревиатурой или аббревиатурой. 
 <сокращение> 
 
 
 <апплет> 
 Определяет встроенный Java-апплет.
 <объект> 
 
 
 <базовый шрифт> 
 Задает размер шрифта и цвет текста по умолчанию. Его можно использовать несколько раз внутри тегов  или . 

 
 
 <большой> 
 Увеличивает размер шрифта на одну условную единицу. 
 CSS-стили 
 
 
 <мигание> 
 Создает закрытый текст, который медленно мигает.
 анимация 
 
 
 <центр> 
 Выравнивает содержимое по центру. 
 выравнивание текста 
 
 
 <каталог> 
 Определяет список названий каталогов. 
 <ул>; стиль списка 
 
 
 <встроить> 
 Используется как контейнер для внешних приложений, мультимедиа и интерактивного контента, который браузер не понимает.
 <объект> 
 
 
 <шрифт> 
 Определяет характеристики шрифта. 
 CSS-стили 
 
 
 <кадр> 
 Определяет конкретное окно, фрейм, где мы можем загрузить другую веб-страницу.