jQuery, Webdesign

Effetto newsticker con jQuery

Con questo piccolo articolo voglio illustrare un modo per visualizzare le notizie recenti con liScroll, un plugin per jQuery che trasforma qualsiasi elenco non ordinato ul in un news ticker a scorrimento.

Con il termine “newsticker” si vuole intendere un box in cui si possono leggere le ultime notizie con effetto scorrimento tipico dei siti di informazione giornalistica

Utilizzo

Tutto ciò che serve per costruire il vostro box news ticker è una lista non ordinata che come attributo ha un id univoco:

Per realizzare l’effetto bisogna collegare alla vostra pagina web, come sempre, la libreria jQuery, il plugin liScroll e il seguente semplice codice javascript:

Opzioni

L’unica opzione personalizzabile di questo plugin jQuery è la velocità:

modificando il valore del parametro travelocity.

Sul pagina dedicata a liScroll plugin jQuery sono disponibili demo e script.

You might also like

  • doc

    ciao,
    c’e’ anche una versione verticale?

    17 dicembre 2009
    • Si può modificando lo script in modo che non effettui un’animazione orizzontale ma verticale, e ovviamente modificare lo stile css.
      Se invece vuoi una soluzione più semplice posso consigliarti quest’altro plugin jQuery Totem.

      17 dicembre 2009

LEAVE A REPLY