Smooth Marquee like Content Scroller Plugin For jQuery limarquee - Download Smooth Marquee-like Content Scroller Plugin For jQuery - limarquee

Download Smooth Marquee-like Content Scroller Plugin For jQuery – limarquee

Posted on

This time I will share jQuery Plugin and tutorial about Smooth Marquee-like Content Scroller Plugin For jQuery – limarquee, hope it will help you in programming stack.

Smooth Marquee like Content Scroller Plugin For jQuery limarquee - Download Smooth Marquee-like Content Scroller Plugin For jQuery - limarquee
File Size: 28.8 KB
Views Total: 26425
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

limarquee is an easy yet highly configurable jQuery scroller plugin plugin used to scroll a list vertically or horizontally like a carousel or traditional marquee element. Great for news ticker, text scroller, horizontal scroller.

Features:

  • Supports both vertical and horizontal scrolling.
  • Custom scrolling animation.
  • Infinite scroll.
  • Mouse hover to stop.
  • Draggable.
  • Supports any html content.

How to use it:

1. Load jQuery library and the jQuery limarquee plugin’s JS and CSS in the webpage.

1 <link href="css/liMarquee.css" rel="stylesheet">
2 <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
3 <script src="js/jquery.liMarquee.js"></script>

2. Add your content to the scroller.

1 <div class="demo str_wrap">
2   Content Goes Here
3 </div>

3. Active the scroller with default settings.

1 $('.demo').liMarquee();

4. Configuration options.

01 // left | right | up | down
02 direction: 'left',
03  
04 // How many times to loop through the html content
05 // -1 = endless loop
06 loop: -1,
07  
08 // The delay in milliseconds
09 scrolldelay: 0,
10  
11 // <a href="https://www.jqueryscript.net/animation/">Animation</a> speed
12 scrollamount: 50,
13  
14 // carousel mode
15 circular: true,
16  
17 // enable draggable functionality
18 drag: true,
19  
20 // scroll short text
21 runshort: true,
22  
23 // pause on hover
24 hoverstop: true,
25  
26 // start on hover
27 inverthover: false,
28  
29 // The path to xml file
30 xml: false

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

source : jqueryscript.net