<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
})
});
This Pen doesn't use any external CSS resources.