Voici comment créer un texte défilant avec jquery.
tout d’abord télécharger le fichier javascript suivant jquery.li-scroller.1.0.js
téléchargez ensuite le fichier css suivant li-scroller.css
1 – inclure ces deux fichiers dans votre page.
2 – copié le code html suivant dans votre <body></body>
<ul id="ticker01">
<li><span>10/10/2007</span><a href="#">The first thing ...</a></li>
<li><span>10/10/2007</span><a href="#">End up doing is ...</a></li>
<li><span>10/10/2007</span><a href="#">The code that you ...</a></li>
<!-- eccetera -->
</ul>
3 – copiez le code javascript suivant dans une balise script javascript
$(function(){ $("ul#ticker01").liScroll({travelocity: 0.15}); });
le tour est joué, modifié le style css au besoins et ajustez la vitesse de défilement
Commentaires sur: "texte défilant avec jquery" (5)
[…] n°1: texte défilant avec jquery […]
Bonjour,
je constate un petit soucis avec IE8. Les textes de plus de 150 caractère s’affiche sur une double ligne. Or sur ff ou chrome aucun problème.
Étrange quelqu’un a une idée ?
arf sans doute un problème de css….va falloir jouer du margin ou du padding quelque part 🙂 mais je vois ce que tu veux dire :).
[…] Texte défilant avec Jquery […]
[…] 7 Faire défiler du texte avec jquery : texte défilant avec jquery […]