Left (default):
<div class="marquee">jQuery marquee is the best marquee plugin in the world</div>
<br/>

Right:
<div class="marquee" data-direction='right'>نیوزی لینڈ کے شہر ہیملٹن میں کھیلے جانے والے چوتھے میچ میں بھارت کو سات وکٹ سے شکست کا سامنا کرنا پڑا ہ</div>
<br/>

Up:
<div class="marquee ver" data-direction='up' data-duration='1000' data-pauseOnHover="true">jQuery marquee is the best marquee plugin in the world. jQuery marquee is the best marquee plugin in the world <b>end</b></div>
<br/>

Down:
<div class="marquee ver" data-direction='down' data-duration=1000>jQuery marquee is the best marquee plugin in the world. jQuery marquee is the best marquee plugin in the world <b>end</b></div>
<br/>

.marquee {
  width: 300px;
  overflow: hidden;
  border: 1px solid #ccc;
  background: #ccc;
}

.ver {
  height: 30px;
  width: 200px;
}
$('.marquee').marquee();

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

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