javascript - mostrar - ¿Qué es una buena cantidad de JS o JQuery para el ticker de noticias de desplazamiento horizontal?
llamar javascript desde html (5)
Estoy buscando un poco de JQuery o JS que me permita producir una lista de "news ticker" de desplazamiento horizontal.
El HTML producido también debe cumplir con los estándares.
He intentado liScroll, pero esto tiene la costumbre de romperse (algunos contenidos terminan en una segunda línea al inicio del desplazamiento), especialmente con listas más largas.
También probé este News Ticker, pero cuando se incluye un DOCTYPE, el desplazamiento se sacudirá en lugar de circular suavemente al final de cada ciclo.
Cualquier sugerencia es apreciada
Editar
Así que gracias a la sugerencia de Matt Hinze, me di cuenta de que podía hacer lo que quería hacer con JQuery animate (requiero el desplazamiento continuo no el desplazamiento discreto como en el ejemplo). Sin embargo, rápidamente encontré problemas similares a los que tenía con liScroll y, después de todo, me di cuenta de que un problema de CSS (como siempre) era responsable.
Solución: liScroll: cambie el valor predeterminado ''var stripWidth = 0'' a algo así como 100, para dar un poco de espacio y evitar el nuevo ajuste de línea.
Aquí hay otras 2 soluciones que parecen un poco más simples de implementar:
Una solución alternativa también sería jQuery webTicker ; es muy similar a liscroll; sin embargo, resuelve el problema con la parada del ticker una vez completada la lista completa; mientras que también agrega algunas nuevas características de lujo como; dirección de movimiento; velocidad; y capacidad de usar múltiples tickers por página.
Smooth Div Scroll también se puede utilizar como un ticker de noticias / ticker de acciones. Puede detenerse con el mouse sobre el mouse o hacia abajo y puede repetirse sin interrupción si así lo desea.
Aquí está el ejemplo con un ticker en ejecución: http://www.maaki.com/
El error de la segunda línea que aparece en liscroll puede "arreglarse" al agregar un elemento de lista que contiene un espacio no divisible <li> </li> al final de cada lista;