Como fazer uma barra deslizante horizontal para RSS com jQuery

Escrito por jim campbell | Traduzido por joao marcos padua filho
  • Compartilhar
  • Tweetar
  • Compartilhar
  • Pin
  • E-mail
Como fazer uma barra deslizante horizontal para RSS com jQuery
Utilize Ajax para dar mais dinamismo aos seus sites (Visage/Stockbyte/Getty Images)

A linguagem jQuery utiliza Ajax para apresentar informações assíncronas em sua página da Internet. Você pode utilizar uma barra para apresentar informações instantâneas aos seus usuários que são roladas até o final de seu sistema RSS. Baixe e copie o complemento para scripts liScroll para incluir a barra na sua página. Após incluir o script, crie um elemento HTML e especifique a informação que deseja exibir.

Nível de dificuldade:
Moderado

Outras pessoas estão lendo

Instruções

  1. 1

    Abra um navegador da Internet e baixe o script da barra do liScroll. Salve-o dentro do diretório do JavaScript em seu projeto Web.

  2. 2

    Abra o seu editor HTML e a página onde deseja exibir a barra de informações. Crie os elementos HTML para a barra. O código a seguir cria um elemento HTML para exibir a barra de dados:

    <ul id="ticker01"> <li><a href="#">Seus dados vêm aqui</a></li> </ul>

  3. 3

    Adicione o script jQuery à sua página. Adicione o código a seguir ao cabeçalho de seu código HTML:

    <script type="text/javascript" src="js/jquery.li-scroller.1.0.js">

  4. 4

    Adicione o código do jQuery à página para animar os dados. Adicione o código a seguir à sua seção de scripts.

    $(function(){ $("ul#ticker01").liScroll(); });

Não perca

Filtro:
  • Geral
  • Artigos
  • Slides
  • Vídeos
Mostrar:
  • Mais relevantes
  • Mais lidos
  • Mais recentes

Nenhum artigo disponível

Nenhum slide disponível

Nenhum vídeo disponível