2012-09-10 9 views
7

Mi piacerebbe avere un ticker delle notizie che scorre da destra a sinistra che è facile aggiungere un elemento di cancellazione.Come creare un ticker delle news

Sarebbe l'ideale se potessi usare jQuery o JavaScript raw se necessario.

C'è un plugin jQuery o un modo per ottenere un ticker delle notizie?

Dopo la ricerca, ho notato che molti di essi scorrono dall'alto verso il basso e non da destra verso sinistra.

Il punto del ticker delle notizie è che è facile aggiungere o rimuovere elementi e quando si passa il mouse, il ticker si interrompe e quindi riprende quando il mouse non è sopra di esso.

Aggiornamento

ho appena trovato liScroll - http://www.gcmingati.net/wordpress/wp-content/lab/jquery/newsticker/jq-liscroll/scrollanimate.html

http://htmlmarquee.com/ sembra piuttosto buono anche

risposta

8

Se è necessaria una funzionalità come un Ticker, magari da sinistra a destra o dall'alto in basso, è possibile utilizzare semplicemente il tag html marquee. Utilizza o per aggiornare il contenuto in modo dinamico mentre ti metti comodo.

È inoltre possibile modificare il suo comportamento movimento con onmouseover e onmouseout eventi, come

<marquee behavior="scroll" direction="right" 
 
     onmouseover="this.stop();" 
 
     onmouseout="this.start();"> 
 
      Hover to stop! 
 
    </marquee>

Si può giocare con questo a htmlmarquee.com. Controllalo.
È possibile visualizzare altre opzioni disponibili per il controllo del movimento here.

+0

Dovrò fare una prova. Grazie! – user1658756

+0

Secondo MDN "Questa funzione è obsoleta, anche se potrebbe funzionare in alcuni browser, il suo utilizzo è scoraggiato poiché potrebbe essere rimosso in qualsiasi momento. Cerca di evitare di usarlo." Https://developer.mozilla.org/en -US/docs/Web/HTML/Element/marquee – Mehmet

+0

@Mehmet qual è l'alternativa? – mtk

0

Hai provato jQuery News Ticker?

+1

È leggermente diverso da quello che mi piacerebbe. jQuery News Ticker inizia a digitare le notizie, mi piacerebbe se dovessero scorrere da destra a sinistra. – user1658756

5

Sebbene lo standard <marquee>, come suggerito da mtk, funzioni nella maggior parte dei browser, non è HTML standard e non dovrebbe essere utilizzato, se la conformità agli standard è un problema. Dovresti quindi usare gli stili appropriate CSS!

È quindi possibile inserire il contenuto in quasi tutti gli elementi HTML e "marquee" semplicemente attorno come preferisci.

Problemi correlati