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 |
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.