Faire le plugin de défilement de texte avec jQuery

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,

//sur cycle pauser la sélection
          pauseOnCycle: false,

//en survol pauser la sélection - utiliser plugin  jQuery https://github.com/tobia/Pause
          pauseOnHover: false,

//la sélection est visible positionnée initialement à côté de la bordure suivante vers laquelle elle se déplacera
          startVisible: false,
        });
      });
    </script>
  </body>
</html>