A tag <Shartee> é uma tag que aparece em pares. O conteúdo entre a primeira tag <Sharquee> e a última tag </arquee> é rolar o conteúdo. Os atributos da tag <ariquee> incluem principalmente comportamento, bgcolor, direção, largura, altura, hspace, vspace, loop, scrolllamount, scrolldelay, etc. Eles são todos opcionais.
Hoje, quando eu estava fazendo uma grande loteria giratória no WeChat, eu queria transformar os registros da loteria de todos os usuários em um efeito de rolagem contínuo. Infelizmente, minha fundação JS era muito pobre e eu não conseguia pensar em uma maneira de alcançá -la por enquanto, então tive vários efeitos semelhantes no Baidu. Mas acidentalmente descobri uma etiqueta HTML - <Sharquee> </sharquee> pode obter vários efeitos de rolagem sem o controle de JS. O uso da tag de letreiro pode não apenas rolar o texto, mas também rolar fotos, mesas etc., e também é conveniente e rápido de usar, o que realmente me economiza muito tempo.
A tag de letra não faz parte do HTML3.2 e só suporta os kernels mais tarde MSIE3; portanto, se você usar navegadores que não são do Kernel (como Netscape), talvez não consiga ver alguns efeitos interessantes abaixo. Esta tag é uma tag de contêiner.
1. Vários atributos importantes da tag de marquise:1.Direction: Rolando a direção (incluindo 4 valores: para cima, para baixo, esquerda, direita)
Descrição: para cima: role de baixo para cima; Para baixo: role de cima para baixo; Esquerda: role da direita para a esquerda; Direita: Role da esquerda para a direita.
Sintaxe: <Marqueira Direction = Roll Direction> ... </searquee>
2. Behavior: Método de rolagem (incluindo 3 valores: rolar, deslizar, alterar)
Descrição: rolagem: rolagem de loop, efeito padrão; Slide: Pare ao rolar apenas uma vez; Alternativo: rolar para frente e para trás alternadamente.
Sintaxe: <Comportamento de marquise = Método de rolagem> ... </marquee>
3.Scrollamount: Velocidade de rolagem (a velocidade de rolagem é o comprimento do movimento quando cada rolagem é definido, em pixels)
Sintaxe: <Marquee ScrolLamount = 5> ... </marquee>
4. ScrollDelay: Defina o tempo de atraso entre rolar duas vezes. Se o valor for grande, haverá um efeito passo a passo (defina o intervalo de tempo de rolagem, a unidade é milissegundos)
Sintaxe: <Marquee scrolldelay = 100> ... </searquee>
5.loop: Defina o número de vezes o ciclo de rolagem (o valor padrão é -1, a rolagem continuará pedalando)
Sintaxe: <loop de marqueee = 2> ... </arqueia>
<marquee loop = -1 bgcolor =#cccccc> Vou continuar andando. </marquee>
<marquee loop = 2 bgcolor =#cccccc> eu só vou duas vezes </sharquee>
6.Width, Altura: Defina a largura e a altura das legendas de rolagem
Sintaxe: <largura da marquise = 500 altura = 200> ... </arqueia>
7.BGCOLOR: Defina a cor de fundo das legendas de rolagem (pode ser o valor da cor ou função rgb () ou rgba ())
Sintaxe: <marquee bgcolor = rgba (0,0,0,0.2)> ... </marquee>
8.HSPACE, VSPACE: Espaço em branco (equivalente a definir o valor da margem)
Descrição: Hspace: Defina a distância entre a posição nas legendas ativas da borda horizontal do contêiner pai, como Hspace = 10, que é equivalente a: margem: 0 10px;
VSPACE: Defina a distância entre a posição nas legendas ativas da borda vertical do recipiente pai, como o vspace = 10, que é equivalente a: margem: 10px 0;
Sintaxe: <marquee hspace = 10 vspace = 10> ... </marquee> (equivalente a: margem: 10px;)
9.align: Defina o método de alinhamento de rolagem de legendas (incluindo 9 valores: Absbottom, Absmiddle, linha de base, inferior, esquerda, média, direita, texttop, topo)
Descrição: Absbottom: Absbottom alinhado com a extremidade inferior das letras como G, P)
Absmiddle: Alinhamento absolutamente central
Linha de base: alinhamento da linha de fundo
Inferior: alinhamento inferior (padrão)
Esquerda: esquerda alinhada
meio: alinhamento médio
Direita: direita alinhada
TEXTTOP: Alinhamento da linha superior
TOP: Alinhamento superior
Sintaxe: <Marquee align = align> ... </arqueia>
10.Face: Defina fontes de texto para rolagem de legendas
Sintaxe: <marquee font = kaiti_gb2312> </sharquee>
11.Color: Defina a cor do texto das legendas de rolagem
Sintaxe: <marquee color =#333> </searquee>
12.Size: Defina o tamanho da fonte de texto das legendas de rolagem
Sintaxe: <marquise size = 3> </marquee>
13.Strong: Defina o texto das legendas de rolagem para ser ousado
2. Dois eventos comuns usados pela marquise:Sintaxe: <Marquee Strong> </searquee>
OnMouseOut = this.start () é usado para definir o mouse para continuar rolando quando se afasta desta área.
onMouseOver = this.stop () é usado para definir o mouse para parar de rolar quando se move para essa área.
<marquee onmouseout = this.start () onmouseover = this.stop ()> dois eventos comuns usados por marquise </arquee>
O código completo é o seguinte:
<Marquee id = afiche alinhe = comportamento esquerdo = rolagem bgcolor =#ff0000 direção = altura para cima = 300 largura = 200 hspace = 50 vspace = 20 loop = -1 scrollLlamount = 10 scrolDelay = 100 onmouseout = this.start () onMouseOver = this.Stop ()>
Embora existam muitos parâmetros de <arquee>, ela não pode alcançar efeitos complexos e personalizados de marcação especial, e existem restrições de navegador; portanto, em mais casos, usaremos o JavaScript para alcançar o efeito de rolagem de letra.
Este é o artigo sobre o efeito de tags de letreiro de rolagem sem costura no HTML. Isso é tudo sobre este artigo. Para obter mais conteúdos relacionados a marcas de rolagem perfeitas, procure artigos anteriores do Wulin.com ou continue a navegar nos artigos relacionados abaixo. Espero que todos apoiem o Wulin.com no futuro!