Como Fazer Uma Linha Rastejante Em Um Site

Como Fazer Uma Linha Rastejante Em Um Site
Como Fazer Uma Linha Rastejante Em Um Site

Vídeo: Como Fazer Uma Linha Rastejante Em Um Site

Vídeo: Como Fazer Uma Linha Rastejante Em Um Site
Vídeo: MISTÉRIO! OLHA O QUE DESCOBRIRAM EM WATCH DOGS 2! 2024, Abril
Anonim

Por muito tempo, muitos visitantes da Internet não se sentem como convidados aleatórios na realidade virtual. Além disso, agora é mais fácil do que nunca adquirir seu próprio local de trabalho, descanso ou comunicação na rede global. E depois que esse lugar - um site ou uma página - aparecer, quero torná-lo mais bonito, mais informativo, mais conveniente. Uma das formas de obter o resultado desejado é colocar algumas das informações ou fotos da linha de rastreamento no site.

Como fazer uma linha rastejante em um site
Como fazer uma linha rastejante em um site

A maneira mais fácil de inserir uma linha excessiva na página de um site é usar o código HTML pronto para usar, que é fornecido gratuitamente por muitos recursos da Internet. Esta opção será ideal, por exemplo, se você precisar colocar um feed de notícias, cotações de ações, informações do portal de jogos, etc. nas páginas do seu site. Neste caso, você precisa encontrar o código pronto nas páginas do recurso de Internet selecionado, copiá-lo e colá-lo no local desejado no código HTML da página do seu site. Esta opção é conveniente não só porque você não precisa conhecer os scripts que criam a linha rasteira, mas também não precisa se preocupar em preencher tal feed com informações - isso será feito automaticamente pelo site de onde a linha rasteira o código é obtido. Se você precisar preencher a linha crescente com suas próprias informações ou imagens, terá de compor o código sozinho. A maneira mais fácil de fazer isso é usar uma marca HTML especial - marquee. Consiste em abrir e fechar partes, a primeira das quais contém informações adicionais - atributos. Estes são dados de serviço que informam ao navegador do visitante qual fonte e cor devem ser exibidas para o texto da linha deslizante, em qual direção o movimento deve ser direcionado, a largura, altura e fundo da janela desta linha, etc. E entre as tags de abertura e fechamento, o texto do feed de notícias em si é colocado. Por exemplo, em sua forma mais simples, o código pode ter a seguinte aparência: este é o texto de rastreamento Aqui, apenas a largura e a altura do bloco em pixels (os atributos de largura e altura) e o texto de rolagem são especificados. A direção do movimento é especificada pelo atributo direction, que pode ser atribuído a um de quatro valores em inglês (direita, esquerda, para cima, para baixo). Por padrão, o texto de rastreamento é repetido - seu início é anexado ao final, que se moverá na mesma direção. Se você usar o atributo behavior com o valor alternate, então o texto, alcançando a borda direita da janela, inverterá a direção e irá ricochetear infinitamente em dois lados opostos (esquerdo e direito ou superior e inferior). Outro atributo importante da linha de rolagem é scrollAmount. Ele define a velocidade com que o texto se move em unidades relativas - 1 significa o movimento mais lento, 2 significa um pouco mais rápido, etc. Com a ajuda dos atributos, você pode definir o atraso antes do início da rolagem da linha de rolagem, o número de ciclos e a pausa entre eles, os recuos do texto até a borda da janela deste elemento.

Recomendado: