animation, effet, jquery, plugin

Le bandeau de news d’iTélé vous connaissez ?

Mais si, les titres qui circulent en boucle en bas de votre télé lorsque vous regardez la chaîne N°16.

Eh bien, le plugin jQuery iTvScroller vous permet justement de réaliser cet effet à partir d’une simple liste d’éléments.
Le point de départ c’est donc cette liste d’éléments :

<dl id="iTvScroller">
    <dt>Titre 1</dt>
    <dd>New 1</dd>

    <dt>Titre 2</dt>
    <dd>News 2</dd>

    <dt>Titre 3</dt>
    <dd>News 3</dd>

    <dt>Titre 4</dt>
    <dd>News 4</dd>

    <dt>Titre 5</dt>
    <dd>News 5</dd>
</dl>

Vous y ajouter quelques lignes de  javascript :

<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jquery.itvscroller.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
    $('#iTvScroller').iTvScroller();
});
</script>

Et hop ! Vous avez une barre de news dynamique !

Je vous laisse allez consulter l’explication de ce code, la démo et bien entendu la source de ce plugin sur le blog de Jay Salvat, son auteur.

Lien :

• Réalisez un bandeau de news en jquery comme sur iTélé