marquee-me is a jQuery plugin for horizontal scrolling content material that mimics the conduct of the standard HTML marquee ingredient, however with added responsiveness and customization options.
Can be utilized to focus on breaking information, necessary bulletins, testimonials or different dynamic content material in your web site.
Learn how to use it:
1. Add your content material to the horizontal scroller.
<div class="marquee">
<div class="marquee-container">
<div class="merchandise">
Merchandise 1
</div>
<div class="merchandise">
Merchandise 2
</div>
<div class="merchandise">
Merchandise 3
</div>
...
</div>
</div>
2. Load the marquee-me.js script after jQuery.
<script src="/path/to/cdn/jquery.min.js"></script> <script src="/path/to/js/marquee-me.js"></script>
3. Name the operate on the highest container and config the scroller.
$('.marquee').marqueMe({
// variety of gadgets per view
itemOnScreen : 3,
// 'medium', 'quick'
velocity: 'gradual',
});
4. Apply CSS types to the scroller.
.marquee {
overflow: hidden;
margin: auto;
transition: 1ms;
}
.marquee-container{
transition: 1ms;
}
.merchandise {
float: left;
overflow: hidden;
box-sizing: border-box;
}
This superior jQuery plugin is developed by pranaykantey. For extra Superior Usages, please examine the demo web page or go to the official web site.
