Marquee-like Content Scrolling Plugin - jQuery Text Marquee

File Size: 62.8 KB
Views Total: 3457
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Marquee-like Content Scrolling Plugin - jQuery Text Marquee

This is a minimal, responsive jQuery Text Marquee plugin to generate a horizontal text scroller if your long text overflows its parent container.

How to use it:

1. Install & download the plugin.

# NPM
$ npm install jquery-text-marquee --save

2. Load the minified version of the jQuery Text Marquee plugin after jQuery.

<link href="/path/to/jquery.text-marquee.min.css" rel="stylesheet" />
<script src="/path/to/jquery.min.js"></script>
<script src="/path/to/jquery.text-marquee.js"></script>

3. Or from the CDN.

<link href="https://cdn.jsdelivr.net/npm/jquery-text-marquee@latest/dist/jquery.text-marquee.min.css" rel="stylesheet" />
<script src="/path/to/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery-text-marquee@latest/dist/jquery.text-marquee.min.js"></script>

4. Attach the plugin to the text container and done.

<div id="example">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
$(document).ready(function(){
  $('#example').textMarquee();
});

5. Make the text marquee infinite loop.

$(document).ready(function(){
  $('#example').textMarquee({
    mode: 'loop'
  });
});

This awesome jQuery plugin is developed by stefanomarra. For more Advanced Usages, please check the demo page or visit the official website.