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

4 commentaires
  1. jean 10 années ago

    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.

  2. Auteur
    Admin 10 années ago

    C’est deux exemples du même script

  3. Lionel 10 années ago

    Bonjour

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

  4. Lionel 10 années ago

    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épondre

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*

5 × un =

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

CONTACT

We're not around right now. But you can send us an email and we'll get back to you, asap.

Envoi en cours...

©[current-year] WebCSSDesign

Se connecter

Oubli de mot de passe ?