Nesta seção, o autor fala sobre as tags mais especiais no código HTML, que podem fazer com que o texto nas páginas da web role e controle suas propriedades de rolagem.
Faça texto de rolagem
Através do estudo anterior deste capítulo, os leitores já podem controlar bem a exibição de vários textos de parágrafos, mas não importa como eles sejam definidos, o texto é estático. Nesta seção, o autor fala sobre as tags mais especiais no código HTML, que podem fazer com que o texto nas páginas da web role e controle suas propriedades de rolagem.
4.3.1 Defina a rolagem de textoA maneira de rolar o texto na tecnologia HTML é usar tags duplas <FARQUEE> </SHARQUEE>. No código HTML, o texto em sua área de função pode ser rolado e o padrão é rolar da direita para a esquerda, loop. Crie um arquivo de página da web no diretório d:/ web/ chamado Mar.htm, e escreva o código como mostrado no código 4.15.
Código 4.15 Configurações de rolagem de texto: mar.htm
<html>
<head>
<title> Configurações para rolagem de texto </title>
</head>
<Body>
<Tamanho da fonte = 5 cor =#cc0000>
Exemplo de rolagem de texto (padrão): <arquee> Seja gentil para ser uma pessoa </arqueia>
</font>
</body>
</html>
Digite http: //localhost/mar.htm na barra de endereço do navegador, e o efeito de navegação é mostrado na Figura 4.15.
Figura 4.15 Defina a forma padrão de rolagem de texto
Na Figura 4.15, quando a largura não é definida, a tag <Farquee> </sharquee> é exclusiva de uma linha.
4.3.2 Defina a direção da rolagem de textoO atributo de direção da tag <arquee> </arquee> é usado para definir a direção de rolagem de conteúdo. Os valores dos atributos incluem esquerda, direita, para cima e para baixo, que representam à esquerda, direita, para cima e para baixo, respectivamente. Por exemplo, o seguinte código:
<marquise de direção = esquerda> seja gentil para ser uma pessoa </searda>
<marquise de direção = direita> seja gentil para ser uma pessoa </searquee>
<marquise de direção = up> seja gentil para ser uma pessoa </searquee>
<marquise de direção = down> Seja gentil para ser uma pessoa </searda>
4.3.3 Defina a velocidade e a forma de rolagem de textoDefina a rolagem de texto para usar a tag <arquee> </arquee> e seus atributos são descritos da seguinte forma.
- A propriedade ScrolLamount da tag <arquee> </arquee> é usada para definir a velocidade de rolagem de conteúdo.
- A propriedade de comportamento da tag <arquee> </arquee> é usada para definir o método de rolagem de conteúdo. O padrão é rolar, isto é, loop. Quando seu valor é alternativo, o conteúdo vai para frente e para trás. Quando seu valor é deslize, o conteúdo para de rolar uma vez e não fará um loop. Há também uma propriedade de loop que define o número de ciclos de rolagem, que não são limitados.
- A propriedade ScrollDelay da tag <Shartee> </arquee> é usada para definir o intervalo de tempo para rolagem de conteúdo.
- A propriedade BGCOLOR da tag <Shartee> </arquee> é usada para definir a cor de fundo de rolagem de conteúdo (semelhante à configuração de cor de fundo do corpo).
- A propriedade de largura da tag <arquee> </arquee> é usada para definir a largura do fundo de rolagem de conteúdo.
- O atributo de altura da tag <arquee> </arquee> é usado para definir a altura do fundo de rolagem de conteúdo.
Modifique o arquivo da página da web mar.htm e escreva o código como mostrado no código 4.16.
Código 4.16 Configurações de rolagem de texto: mar.htm
<html>
<head>
<title> Configurações para rolagem de texto </title>
</head>
<Body>
<Tamanho da fonte = 3 cor =#cc0000>
Exemplo de rolagem de texto (padrão): <arquee> Seja gentil para ser uma pessoa </arqueia>
Exemplo de rolagem de texto (à direita): <marquise de direção = scrollDelay direita = 500> seja gentil para ser uma pessoa </arqueia>
Exemplo de rolagem de texto (para baixo, o método de rolagem é deslizante, a velocidade é 10): <marquee scrollamount = 10 comportamento = slide> seja gentil para ser uma pessoa </marquee>
Exemplo de rolagem de texto (direção padrão, método de rolagem é alternativa, loop 3 vezes, a velocidade é 2): <marquee scrollamount = 2 comportamento = loop alternativo = 3> ser gentil para ser uma pessoa </marquee>
Exemplo de rolagem de texto (para cima, a cor do fundo é #ccff66, defina largura e altura de fundo): <marquise direção = up bgcolor = #ccff66 width = 250 altura = 55> seja gentil para ser uma pessoa </searda>
</font>
</body>
</html>
Digite http: //localhost/mar.htm na barra de endereço do navegador, e o efeito de navegação é mostrado na Figura 4.16.
Figura 4.16 Diferentes formas de rolagem de texto
Os inúmeros atributos de <arquee> </searquee> podem ser muito convenientes para criar texto de rolagem. No aprendizado subsequente de JavaScript, os leitores continuarão a aprofundar o aprendizado de comportamento dinâmico das tags </searquee>.