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

Articles tagués ‘texte défilant’

texte défilant avec jquery

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

Suivre

Recevez les nouvelles publications par mail.

Rejoignez 295 autres abonnés