blog sur le développement web, jquery,css3, Magento, Symphony, php et bien d'autres choses

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)

  1. 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🙂.

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s