<div class="marquee">jQuery marquee is the best marquee plugin in the world</div>
<div id='display'></div>
.marquee {
  width: 300px;
  overflow: hidden;
  border: 1px solid #ccc;
  background: #ccc;
}
$(function () {
    var $diaplay = $('#display'), counter = 0;
    $('.marquee')
        .bind('beforeStarting', function(){
            $diaplay.show().html('started').delay(1000).fadeOut('fast');
        })
        .bind('finished', function(){
            counter++;
            $diaplay.show().html('finished ' + counter + ' times').delay(1000).fadeOut('fast');
        })
        //Apply plugin
    .marquee({
        duration: 3000
    })
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. //cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js
  2. //cdn.jsdelivr.net/jquery.marquee/1.3.1/jquery.marquee.min.js