stile Twitter “News Ticker” (jQuery)

Question

Sto cercando un news ticker praticamente identica a quella su twitter (quello dei rotoli in orizzontale)

Le cose principali che sto cercando:

scorrimento continuo
 - Quando un elemento non è più visibile viene rimosso e messo proprio in fondo alla lista
. Nessuna pausa
 - Dovrebbe essere un rotolo liscia, non una pergamena, di pausa, di scorrimento

Ho tentato di farlo da

Impostazione della ul a overflow: hidden
Animare la li:first utilizzando margin-left: {current_margin_left}-10 ogni secondo

Ma va modo di veloce e si rompe.

C'è qualcosa che corrisponde a questa descrizione?

Answer 1

Il sotto collegamento è costituito da un tutorial per creare un puro jQuery e Twitter CSS ticker che utilizza API di ricerca di Twitter. Mostrerà ultimi tweet tuoi o dei tuoi amici, e non richiederà alcun codice lato server o database. Di conseguenza, il ticker sarà facilmente inclusi in qualsiasi pagina web e facilmente modificato secondo le tue preferenze.

Verificare il collegamento sotto per informazioni dettagliate -

http://tutorialzine.com/2009/10/jquery-twitter-ticker /

Answer 2

Credo che il jQuery webTicker dovrebbe corrispondere descrizione perfettamente; l'idea era esattamente il Twitter uno e c'è voluto un po 'di tempo per sviluppare esattamente. Inoltre è dotato di extra come fade-in e dissolvenza effetti; scelta di diverse direzioni e velocità e anche un foglio di stile personalizzabile. Un ulteriore vantaggio è che si può eseguire più ticker per pagina.

Spero che trovato questa risposta utile.