jQuery news scroller

Voici un petit scroller de news . 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

A voir aussi

  • http://www.politique-autrement.fr jean

    Bonjour
    pourquoi sur l’exemple affiché sur
    http://www.gcmingati.net/wordpress/wp-content/lab/jquery/newsticker/jq-liscroll/scrollanimate.html
    il y 2 lignes de textes l’une au dessus de l’autre.

  • Admin

    C’est deux exemples du même script

  • Lionel

    Bonjour

    Lorsque l’on met un tiret dans le message à affiché cela génère un saut de ligne

  • Lionel

    Oups

    ne tiens pas compte de mon commentaire précédent, c’était lié
    à la génération des via un requête SQL oracle.

    bravo pour le site

Réseau

Sites