Escolar Documentos
Profissional Documentos
Cultura Documentos
É possível animar alguns textos com tipos especiais de formatação, sempre diretamente no
código fonte.
É importante notar que recursos de animação devem ser utilizados com cuidado e parcimônia,
pois em uma página que já apresenta vários motivos que chamam a atenção do leitor (figuras,
cores, fontes) os efeitos animados são mais um deles, e seu uso pode ocasionar um resultado
final cansativo e confuso.
Blink
A formatação Blink permite que um certo texto fique piscando em uma página, como no
exemplo abaixo, centralizado e em amarelo. Pode-se aplicar outros formatos como cores,
negrito, italic e alterar a fonte e o seu tamanho, normalmente.
Novo!
Exemplo 2: Segue um código para a o texto aparecer em azul "Deep Sky Blue" e em negrito:
<font color=#00BFFF><b><blink>Novo!</b></blink></font>
Novo!
É recomendável que o comando blink seja usado somente em pequenos detalhes (palavras ou
setas), mas não em grande número na mesma página, pois gera muito cansaço visual.
Deve-se ressaltar que nem todos os navegadores mostram o efeito dessa formatação.
Marquee
Um texto pode entrar na página e percorrê-la da direita para a esquerda ou em sentido
contrário, como um letreiro. Isso é obtido usando-se a formatação Marquee.
Esse comando admite atributos de direção e largura do efeito as quais possibilitam várias
formas de apresentação.
Também pode-se aplicar cores, negrito, italic e alterar a fonte e o seu tamanho, normalmente.
Tô nem aí!
Exemplo 4: Veja um exemplo de uso do tag Marquee com uma foto grande, clicando aqui.
Outros exemplos:
1. Interferindo na direção:
a. Da esquerda para a direita. O atributo slide direction="right" faz com que o elemento siga
para a direita.
<marquee behavior=slide direction=right>Elemento que se movimenta</marquee>
b. Da direita para a esquerda. O atributo slide direction="left" faz com que o elemento siga
para a esquerda.
2. Interferindo na velocidade:
3. Interferindo no sentido:
A especificação direction=up faz com que o texto fique na vertical. Nesse caso foi também
centralizado e aparece na cor lilás (MediumSlateBlue). Exemplo:
Subindo!
http://www.icmc.usp.br/ensino/material/html/blink.html
http://www.icmc.usp.br/ensino/material/html/marquee.html
Exercícios
10.3. imagem, com efeito marquee, da esquerda para a direita, em outra velicidade.
Salvar em A:\htm10.html.