A classic jQuery kxbdMarquee seamless rolling plug-in, jquerykxbdmarquee
<Marquee> it was once a unique tab of IE for the effect of riding lights. other browsers are not compatible, so there is a plug-in that uses JavaScript to simulate the effect.
Online instance
Instance preview kxbdMarquee simulation Marquee seamless scrolling
How to load JavaScript files
<script src="jquery.js"></script>
<script src="jquery.kxbdmarquee.js"></script>
Copy CSS styles
/**
* The parent container needs to be set to overflow hidden.
* For horizontal scrolling, the project needs to be floating
*/
#element_id{overflow:hidden;}
#element_id ul li{float:left;}
Copy the DOM Structure
<div id="element_id">
<ul>
<li>...</li>
<li>...</li>
<li>...</li>
</ul>
</div>
Copy JavaScript call Method
- $ ('# Element_id'). kxbdMarquee ();
Copy parameter description
Name |
Default Value |
Description |
Direction |
"Left" |
Scroll direction. Can be set to: "left", "right", "up", "down" |
IsEqual |
True |
Whether the length and width of all scrolling elements are equal. Optional values: true and false. |
Loop |
0 |
Number of times of loop scrolling. 0 indicates an infinite loop. |
ScrollAmount |
1 |
Step Size (px) |
ScrollDelay |
20 |
Duration (MS) |
Download