style Twitter « Nouvelles ticker » (jQuery)
-
08-10-2019 - |
Question
Je cherche un téléscripteur de nouvelles à peu près identique à celui sur twitter (l'un des rouleaux horizontalement)
Les principales choses que je suis à la recherche:
défilement continu
- Lorsqu'un élément ne soit plus visible, il est enlevé et mis à l'arrière de la liste
.
Pas de pause
- Il doit être un rouleau lisse, pas un défilement, pause, faites défiler
J'ai essayé de le faire par
Réglage de la ul à overflow: hidden
Animer le li:first
en utilisant margin-left: {current_margin_left}-10
chaque seconde
Mais il va bien au rapide et les pauses.
Y at-il quelque chose qui correspond à cette description?
La solution
Le lien ci-dessous se compose d'un tutoriel pour créer un pur symbole twitter jQuery et CSS qui utilise l'API de recherche de Twitter. Il montrera derniers tweets de vos amis ou vos, et ne nécessite aucun code côté serveur ou bases de données. En conséquence, le symbole sera facilement inclus dans une page web et facilement modifié pour vos prédilections.
Vérifiez le lien ci-dessous pour les informations détaillées -
Autres conseils
Je pense que le jQuery webTicker correspondrait à votre description parfaitement; l'idée était exactement le Twitter un et il nous a fallu un certain temps pour développer exactement. Il est également livré avec des extras comme fade-in et fadeout effets; choix de différentes directions et vitesses et aussi une feuille de style personnalisable. Un montant supplémentaire de plus est que vous pouvez exécuter plusieurs tickers par page.
J'espère que vous trouverez cette réponse utile.