Ali.js is a scroll plug-in that scrolls through text and images. Its API is also powerful, including the number of scrolling areas visible, the number of scrolls per scroll, scrolling direction, whether to cycle scrolling, auto-scrolling, scrolling interval, scrolling animation speed, animation effects, scrolling direction, and starting scrolling index.
Online example
Example Demo
How to use
<div id= "Lista1" class= "Als-container" > <span class = "Als-prev" ></span> <div class= "Als-viewport" > <ul class= "Als-wrapper" > <li class= "Als-item" ><a href= "#" target= "_blank" > jquery Circular Round Menu </a></li> <li class= "Als-item" ><a href= "#" target= "_blank" > jquery phone various drop-down menu effect plus search input box </ A></li> &nBsp; </ul> </div > <span class= "Als-next" ></span> </div>$ (" #lista1 "). ALS ({ visible_items: 4, //Visible number scrolling_ items: 2, //per scroll orientation: "Horizontal", //scrolling direction circular: "Yes", //whether to cycle through autoscroll: "No" , //Auto Play interval: 5000, //scrolling interval time speed: 500, //scrolling animation speed easing: "linear", //animation effects direction: "Right", //scrolling direction start_from: 0 // Initialize index, starting from 0 });
Detailed parameters
Parameters |
Describe |
Default value |
Visible_items |
Number of visible |
3 |
Scrolling_items |
Number of scrolls per scroll |
1 |
Orientation |
Scroll direction, optional ' horizontal ', ' vertical ' |
Horizontal |
Circular |
Whether to cycle scrolling |
No |
AutoScroll |
Whether to scroll automatically |
No |
Interval |
Scrolling interval time milliseconds |
4000 |
Speed |
Scrolling animation speed milliseconds |
600 |
Easing |
Animated effects, optional parameters ' linear ', ' swing ' |
Swing |
Direction |
Scrolling direction, optional parameter ' left ', ' right ', ' down ', ' up ' |
Left |
Start_from |
Start scrolling Index |
0 |
Download
JQuery Als.js Racing Lights