estilo de Twitter “barra de noticias” (jQuery)
-
08-10-2019 - |
Pregunta
Busco una barra de noticias más o menos idéntica a la de Twitter (la que los rollos horizontalmente)
Las principales cosas que estoy buscando:
desplazamiento continuo
- Cuando un elemento ya no es visible se retira y se puso en la parte trasera de la Lista de amigos.
Sin pausa
- Debe ser un desplazamiento suave, no un desplazamiento, pausa, desplazamiento
he tratado de hacerlo por
Configuración de la ul a overflow: hidden
La animación de la li:first
usando margin-left: {current_margin_left}-10
cada segundo
Pero va camino a rápido y roturas.
¿Hay algo que coincide con esta descripción?
Solución
El enlace a continuación consiste en un tutorial para crear una pura ticker jQuery y CSS Twitter que utiliza la API de búsqueda de Twitter. Se mostrará sus últimos tweets o de sus amigos, y no requiere ningún código del lado del servidor o bases de datos. Como resultado, la clave de pizarra se puede incluir fácilmente en cualquier página web y modificar fácilmente para su gusto.
Comprobar el siguiente enlace para obtener información detallada -
Otros consejos
Creo que el jQuery webTicker se correspondería con su descripción a la perfección; la idea era exactamente el Twitter uno y nos llevó algún tiempo para desarrollar exactamente. También viene con extras como fundido de entrada y fadeout efectos; elección de diferentes direcciones y velocidades y también una hoja de estilo personalizable. Un plus adicional es que puede ejecutar varios teletipos por página.
Espero que esta respuesta es útil.