Тег <Marquee> - это тег, который появляется парами. Содержание между первым тегом <marquee> и последним тегом </marquee> - это прокрутка контента. Атрибуты тега <Marquee> в основном включают в себя поведение, Bgcolor, направление, ширину, высоту, Hspace, Vspace, Loop, Scrolllamount, Scrolldelay и т. Д. Все они являются необязательными.
Сегодня, когда я делал большой розыгрыш лотереи на WeChat, я хотел сделать лотерейные записи всех пользователей в бесшовный эффект прокрутки. К сожалению, мой фонд JS был слишком беден, и я не мог придумать способ достичь его в настоящее время, поэтому у меня были различные подобные последствия на Baidu. Но я случайно обнаружил тег HTML - <Marquee> </marquee> могу достичь нескольких эффектов прокрутки без контроля JS. Использование тега шатра может не только прокручивать текст, но и прокручивать картинки, таблицы и т. Д., И это также удобно и быстро использовать, что действительно экономит мне много времени.
Метка Marquee не является частью HTML3.2 и поддерживает только MSIE3 более поздние ядра, поэтому, если вы используете браузеры из ядра, не являющихся ядрами (например, NetScape), вы не сможете увидеть некоторые интересные эффекты ниже. Этот тег представляет собой тег контейнера.
1. Несколько важных атрибутов метки Marquee:1. Дирекция: направление прокрутки (включая 4 значения: вверх, вниз, влево, справа)
Описание: Вверх: прокрутка снизу вверх; Вниз: прокрутите сверху вниз; Слева: прокрутите справа налево; Права: прокрутите слева направо.
Синтаксис: <marquee direction = направление прокрутки> ... </marquee>
2. Бегудир: метод прокрутки (включая 3 значения: прокрутка, слайд, альтер)
Описание: Прокрутка: Прокрутка цикла, эффект по умолчанию; Слайд: остановитесь при прокрутке только один раз; Альтернативная: прокрутка взад и вперед попеременно.
Синтаксис: <marquee behavior = метод прокрутки> ... </marquee>
3. Scrollamount: скорость прокрутки (скорость прокрутки - это длина движения при установке каждого свитка, в пикселях)
Синтаксис: <marquee scrollamount = 5> ... </marquee>
4. Scrolldelay: установите время задержки между прокруткой дважды. Если значение большое, будет пошаговый эффект (установите интервал времени прокрутки, единица составляет миллисекунд)
Синтаксис: <marquee scolldelay = 100> ... </marquee>
5.Loop: установите количество раз в цикл прокрутки (значение по умолчанию составляет -1, прокрутка будет продолжать цикть)
Синтаксис: <marquee loop = 2> ... </marquee>
<marquee loop = -1 bgcolor =#cccccc> Я буду продолжать ходить. </marquee>
<marquee loop = 2 bgcolor =#cccccc> Я иду только дважды </marquee>
6. Затеряна, высота: установите ширину и высоту субтитров прокрутки
Синтаксис: <шатер ширина = 500 высот = 200> ... </marquee>
7.bgcolor: установите цвет фона субтитров прокрутки (может быть значением цвета, или rgb () или rgba () функция)
Синтаксис: <marquee bgcolor = rgba (0,0,0,0,2)> ... </marquee>
8.hspace, vspace: пустое пространство (эквивалентно установке значения маржи)
Описание: HSPACE: Установите расстояние между положением в активных субтитрах от горизонтальной границы родительского контейнера, такого как hspace = 10, что эквивалентно: маржи: 0 10px;
VSPACE: установите расстояние между позицией в активных субтитрах от вертикальной границы родительского контейнера, такой как vspace = 10, что эквивалентно: маржи: 10px 0;
Синтаксис: <marquee hspace = 10 vspace = 10> ... </marquee> (эквивалентно: маржа: 10px;)
9. ALIGN: установите метод выравнивания субтитров прокрутки (включая 9 значений: absbottom, absmiddle, базовый, внизу, левый, средний, справа, текстовый стоп, верх)
Описание: absbottom: absbottom выровнен с нижним концом букв, таких как G, P)
Абсмиддл: абсолютно центральное выравнивание
Базовая линия: выравнивание по итоге
Внизу: нижняя выравнивание (по умолчанию)
Слева: слева выровняется
Средний: среднее выравнивание
Справа: справа выровнен
Texttop: выравнивание верхней линии
Верх: верхний выравнивание
Синтаксис: <marquee align = align> ... </marquee>
10.face: Установите текстовые шрифты для прокрутки субтитров
Синтаксис: <marquee font = kaiti_gb2312> </marquee>
11.color: установите цвет текста субтитров прокрутки
Синтаксис: <marquee color =#333> </marquee>
12.Size: установите размер шрифта.
Синтаксис: <marquee size = 3> </marquee>
13.Strong: установите текст Scrolling Subtitles, чтобы быть смелым
2. Два общих события, используемых Marquee:Синтаксис: <Marquee Strong> </marquee>
onmouseout = this.start () используется для установки мыши для продолжения прокрутки, когда она выходит из этой области.
Onmouseover = this.stop () используется для установки мыши для прекращения прокрутки, когда она движется в эту область.
<marquee onmouseout = this.start () onmouseover = this.stop ()> два общих события, используемые Marquee </marquee>
Полный код заключается в следующем:
<marquee id = affice align = левое поведение = scroll bgcolor =#ff0000 направление = up height = 300 width = 200 hspace = 50 vspace = 20 петля = -1 scrolllamount = 10 scrolldelay = 100 onmouseout = this.start () onmouseover = this.stop ()>> 100 onmouseout = this.start () onmouseover = this.stop ()>>> 100 onmouseout = this.start () onmouseover = this.stop ()>>>
Хотя существует множество параметров <Marquee>, он не может достичь сложных и индивидуальных специальных эффектов шатер в конце концов, и существуют ограничения браузера, поэтому в большем количестве мы будем использовать JavaScript для достижения эффекта прокрутки шатер.
Это статья о эффекте бесшовных прокручивающих метров в HTML. Это все об этой статье. Для получения дополнительного связанного содержимого бесшовного шатра прокрутки, пожалуйста, найдите предыдущие статьи с wulin.com или продолжайте просматривать соответствующие статьи ниже. Я надеюсь, что все будут поддерживать wulin.com в будущем!