2008-09-03 4 views
5

Je cherche un peu de JQuery ou JS qui me permet de produire une liste déroulante de "news ticker" horizontalement.Quel est un peu de JS ou JQuery pour le défilement horizontal news ticker

Le code HTML produit doit également être conforme aux normes.

J'ai essayé liScroll mais cela a l'habitude de casser (certains contenus finissent sur une deuxième ligne au début du défilement), surtout avec des listes plus longues.

J'ai également essayé this News Ticker mais quand un DOCTYPE est inclus, le défilement se déclenche plutôt que de tourner doucement à la fin de chaque cycle.

Toutes les suggestions sont appréciées.

Modifier

Ainsi, grâce à la suggestion de Matt Hinze je réalisais que je pouvais faire ce que je voulais faire avec JQuery animer (je besoin d'un défilement continu ne défile pas discret comme dans l'exemple). Cependant, j'ai rapidement rencontré des problèmes similaires à ceux que j'avais avec liScroll et après tout ce qui a réalisé un problème CSS (comme toujours) était responsable.

Solution: liScroll - changez la valeur par défaut 'var stripWidth = 0' à quelque chose comme 100, pour donner un peu d'espace et éviter le retour à la ligne.

Répondre

5

lisse Div défilement peut également être utilisé comme symbole de nouvelles/ticker boursier. Il peut faire une pause sur la souris ou sur la souris et il peut boucler sans fin si vous le souhaitez.

Voici l'exemple avec un symbole en cours d'exécution: http://www.maaki.com/

+0

Wow qui semble grand. –

0

Une solution alternative serait également le jQuery webTicker; son très semblable à liscroll résout cependant le problème avec l'arrêt du téléscripteur après que la liste entière soit complète; tout en ajoutant également de nouvelles fonctionnalités fantaisie comme; direction du mouvement; la vitesse; et capacité d'utiliser plusieurs tickers par page.

0

Le deuxième bogue de ligne provenant d'liscroll peut être « fixée » par addition d'un listitem contenant un entitiy spatiale non cassable <li>&nbsp;</li> à la fin de chaque liste;)

Questions connexes