Gere um ticker sem JavaScript
Se você deseja criar um ticker de notícias simples em seu site ou apontar uma mensagem importante, você pode ter o texto exibido como um ticker. Você não precisa necessariamente de uma função JavaScript para isso; em vez disso, você pode usar uma tag HTML simples, que também tem uma vantagem decisiva sobre o JavaScript.
Desvantagem de um ticker com JavaScript
Embora seja relativamente fácil criar texto móvel com JavaScript, ele tem uma grande desvantagem.
- Por exemplo, o JavaScript pode ser desativado no respectivo navegador do visitante para que sua função não seja exibida.
- Você pode evitar isso simplesmente adicionando a tag HTML apropriada "marquee" (Eng. Use "ticker"), que é compatível com os navegadores mais comuns, embora não seja oficialmente padronizado.
- Independentemente de estar usando JavaScript ou a marca de seleção, você deve estar ciente de que um texto em execução pode ser considerado irritante pelos visitantes. Hoje, com exceção dos tickers de notícias, raramente fazem parte de sites modernos, para que você possa apontar melhor um determinado aspecto com estruturas claras e correspondência de cores deve.
Use Marquee em código HTML
A tag HTML "marquee", como a maioria das tags, tem uma estrutura simples, de modo que você basicamente só precisa escrever a tag para gerar um ticker.
Crie um ticker de notícias para a página inicial - é assim que funciona
Se quiser adicionar uma função de noticiário à sua página inicial, você pode fazer isso ...
- Isso seria o suficiente para você escreva no local desejado. Como resultado, o texto "Sua mensagem" se moveria continuamente para a esquerda a partir da borda direita da imagem.
- Se você quiser mudar esta direção, você só precisa do atributo "direção". Direção) e, em seguida, insira a direção inglesa. Então, se você quiser que o texto se mova da esquerda para a direita, você terá que escreva, porque a direção da viagem deve ser para a "direita".
- Para que o ticker sempre se mova para frente e para trás, ou seja, muda automaticamente na outra direção, assim que a borda da imagem for alcançada, você pode usar o atributo "comportamento" com o valor "alternativo" usar. Por exemplo, poderia ser assim:
Sua mensagem. - Você também tem a opção de influenciar a velocidade de rolagem do texto usando os dois atributos "scrollamount" e "scrolldelay". O atributo "scrollamount" define até que ponto o respectivo texto deve se mover a cada etapa, ou seja, quantos pixels ele deve avançar. O atributo "scrolldelay" determina o tempo entre os saltos individuais, ou seja, o respectivo atraso. Um texto que progride rapidamente pode, por exemplo, começar com " ser gerado.
- Finalmente, você também pode projetar a área do relógio. Por exemplo, você tem a opção de definir a "altura" da área do letreiro, um Defina a cor de fundo ou ajuste a cor da fonte do texto, a última com base na tags de fonte são possíveis. Para uma área de 50 px de altura que deveria ter um fundo preto e fonte branca, você teria que escrever: .
Quão útil você considera este artigo?
