2.0.11 • Published 2 years ago
running-line v2.0.11
running-line
Running-line javaScript widget.
Screencast 2022-10-04 22-55-13.webm
Installation:
npm install running-line
Usage:
Html:
<div id="myLine">
<div>
<ul>
<li>
<a href="#">First item text</a>
</li>
<li>
<a href="#">Second item text</a>
</li>
<li>
<a href="#">Third item text</a>
</li>
</ul>
</div>
</div>
You can use other html tags, but it is important to keep the structure inheritance, however "li" elements may not contain any child elements.
JavaScript:
const line = new RunningLine(12000, true, true, true)
line.runLine("#myLine")
Parameters:
- Animation duration(default: 5000)
- Direction of animation(default: false(left to rigth))
- Stop animation, when hover on any item(defaul: false)
- Allocates space between items to avoid disproportionate gap(dafaul: false)
2.0.5
2 years ago
2.0.4
2 years ago
2.0.11
2 years ago
2.0.7
2 years ago
2.0.6
2 years ago
2.0.9
2 years ago
2.0.10
2 years ago
2.0.8
2 years ago
2.0.3
2 years ago
2.0.2
2 years ago
2.0.1
2 years ago
2.0.0
2 years ago
1.2.1
2 years ago
1.2.0
2 years ago
1.1.0
2 years ago
1.0.9
2 years ago
1.0.8
2 years ago
1.0.7
2 years ago
1.0.6
2 years ago
1.0.4
2 years ago
1.0.2
2 years ago
1.0.1
2 years ago
1.0.0
2 years ago