WebCssDesign

jQuery news scroller

• Accueil
• Ajax
• jQuery news scroller

Voici un petit scroller de news jQuery. Vous pouvez dès lors présenter une liste de liens (ul li) comme un bandeau de lien qui défile. Avec une vitesse de défilement configurable.

Pour l’installation, il vous faut bien sur jQuery avec li-scroller disponible à cette adresse: jquery.li-scroller.1.0.js
avec un appel de la fonction simple dans le head:
$(function(){
$(« ul#ticker01″).liScroll();
});

ou un appel avec un défilement plus rapide:
$(function(){
$(« ul#ticker02″).liScroll({travelocity: 0.15});
});

Dans le body:
<ul id= »ticker01″>
<li><span>15/10/2007</span><a href= »# »>premier lien article…</a></li>
<li><span>15/10/2007</span><a href= »# »>deuxième lien article …</a></li>
<li><span>15/10/2007</span><a href= »# »>troisième lien article …</a></li>
<!– etc… –>
</ul>

L’exemple complet est disponible sur cette page: scrollanimate.html