2012-09-10 15 views
7

Me gustaría tener un ticker de noticias que se desplaza de derecha a izquierda, que es fácil de agregar un elemento de borrar.Cómo crear un ticker de noticias

Sería ideal si pudiera usar jQuery o JavaScript sin procesar si fuera necesario.

¿Hay un complemento de jQuery o una forma en que puedo obtener un ticker de noticias?

Después de la investigación, he notado que muchos de ellos se desplazan de arriba hacia abajo y no de derecha a izquierda.

El punto del ticker de noticias es que es fácil agregar o quitar elementos, y cuando se coloca el cursor, el ticker se detiene y luego se reanuda cuando el mouse no está sobre él.

actualización

Me acabo de encontrar liScroll - http://www.gcmingati.net/wordpress/wp-content/lab/jquery/newsticker/jq-liscroll/scrollanimate.html

http://htmlmarquee.com/ se ve bastante bueno también

Respuesta

8

Si necesita una funcionalidad como un Ticker, tal vez de izquierda a derecha o de arriba a abajo, puede utilizar la etiqueta html marquee. Use o para actualizar su contenido dinámicamente mientras lo alimenta con comodidad.

También puede alterar su comportamiento y movimiento con onmouseoveronmouseout eventos, como

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

Se puede jugar con esto en htmlmarquee.com. Revisalo.
Puede ver otras opciones disponibles para control de movimiento here.

+0

Tendré que intentarlo. ¡Gracias! – user1658756

+0

De acuerdo con MDN "Esta característica es obsoleta. Aunque todavía puede funcionar en algunos navegadores, se desaconseja su uso ya que se puede eliminar en cualquier momento. Trate de evitar usarlo". Https://developer.mozilla.org/es -US/docs/Web/HTML/Element/marquee – Mehmet

+0

@Mehmet ¿cuál es la alternativa? – mtk

0

¿Ha intentado jQuery News Ticker?

+1

Es un poco diferente de lo que me gustaría. jQuery News Ticker comienza a escribir las noticias, me gustaría que se desplazaran de derecha a izquierda. – user1658756

5

Aunque el elemento <marquee>, como lo sugiere mtk, funcionará en la mayoría de los navegadores, no es HTML estándar y no debe utilizarse, si el cumplimiento de las normas es un problema. ¡Entonces debería usar los estilos appropriate CSS!

Puede colocar su contenido en casi cualquier elemento HTML y simplemente "marquesarlo" como desee.

Cuestiones relacionadas