Native JavaScript Upward Scrolling Message Box

Add-ons

2026-07-25 22:46 5 次浏览 • 0 次下载 1.6KB

Native JavaScript Upward Scrolling Message Box

Plugin Description: A simple and practical scrolling message box implemented with native JavaScript.

This plugin is very easy to use.

You only need to import two files. The total size is only 1 KB.

<link rel="stylesheet" type="text/css" href="scroll.css"/>
<script src="scroll.js" type="text/javascript" charset="utf-8"></script>

!-- DOM structure goes here -->

<ul id="demo">
    <li>I am the first item to appear</li>
    <li>I am the second item to appear</li>
    <li>I am the third item to appear</li>
    <li>I am the fourth item to appear</li>
    <li>The loop starts here (fifth item)</li>
</ul>

Initialization method

/*
* ID of the demo parent container (ul)
* -36px Height of the child element li
* 3000  Scrolling interval in milliseconds
* The duration of each scroll can be modified in the CSS file
*/
myScroll.upScroll("demo","-36px",3000);