JQuery Marquee

This Fiddle Contains Code to create marquee using JQuery.

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="//cdn.jsdelivr.net/jquery.marquee/1.3.1/jquery.marquee.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<div class="marquee">
    <span class=" glyphicon glyphicon-globe marquee-symbol"></span>
    <span class="marquee-text">JQuery Marquee Ready To Use</span>
    
</div>

CSS

.marquee {
  width: 100%;
  height:30px;
  overflow: hidden;
  color:#fff;
  font-size:18px;
  border-top:2px solid #000;
  border-bottom: 2px solid #000;
  background:#6c6c6c;
}
.marquee-symbol{
    color:#66ff33;
    margin-right:5px;
}
.marquee-text{
    margin-right:5px;
}

JavaScript

$('.marquee').marquee({
//speed in milliseconds of the marquee
    duration: 8000,
    //gap in pixels between the tickers
    //gap: 50,
    //time in milliseconds before the marquee will start animating
    delayBeforeStart: 0,
    //'left' or 'right'
    direction: 'left',
    //true or false - should the marquee be duplicated to show an effect of continues flow
    duplicated: true  
});

//Tips:http://xdsoft.net/jquery-plugins/demo/marquee/