Source Code: (back to article)
<!DOCTYPE html>
<html>
<head>
<title>Titre du document</title>
</head>
<body>
<div class="marquee">Quelque texte va ici.</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jQuery.Marquee/1.5.0/jquery.marquee.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
<script>
$(function () {
$(".marquee").marquee({
//Si vous vouler toujours animer avec jQuery
allowCss3Support: true,

//fonctionne quand allowCss3Support est définie à true - pour la liste complète voyez http://www.w3.org/TR/2013/WD-css3-transitions-20131119/#transition-timing-function
css3easing: "linear",

//demande plugin d'atténuation jQuery. L'initial est 'linear'
easing: "linear",

//pauser le temps avant l'animation suivante devient en milisecondes
delayBeforeStart: 1000,
//'left', 'right', 'up' or 'down'
direction: "left",

//vrai ou faux- la sélection, doit-elle être dupliquée pour montrer un effet de continues flow
duplicated: false,

//vitesse en milisecondes de la sélection en milisecondes
duration: 5000,

//écart en pixels entre les tickers
gap: 20,