jsmarquee is a pure javascript implementation of the old HTML marquee tag.
It is not tied to any css or javascript library, so it can be easily implemented on any frontend project.
This is the default setup:
import Marquee from 'jsmarquee'
const m = new Marquee({
element: '#marquee-demo',
velocity: 1
})
m.run()These are the accepted properties:
| name | value |
|---|---|
| element | string with a query selector value |
| velocity | number. integer usage is recommended |
As said before, jsmarquee is not tied to any CSS library.
In order to work correctly this is the basic CSS needed:
<div class="my-marquee" id="marquee-demo">
<div>
content goes here. you can use any html tag, including images
</div>
</div>.my-marquee {
overflow: hidden;
}
.my-marquee > div {
display: inline-flex;
position: relative;
}jsmarquee is open-sourced software licensed under the MIT license.
Icons made by Alfredo Hernandez from www.flaticon.com