https://cbnfost.news/js/rolling.js

1var RollingList = function (id, tagType, liHeight, gabSpeed, rollSpeed, startspeed)
2{
3
4	var listObj		= document.getElementById(id);
5	var nowCnt		= 0;
6	var movingCnt	= 0;
7	var maxCnt		= 10; 
8
9	this.init = function ()
10	{
11		try
12		{
13			listObj.className = "rolling_list_area";
14		}
15		catch (e)
16		{
17			alert("'" +  id + "' is not elements");
18			return;
19		}
20
21		listObj.style.height = liHeight + "px";
22		var t = setTimeout(listObj.id + ".seting()", startspeed);
23	}
24
25	this.seting = function ()
26	{
27		var ulObj = listObj.getElementsByTagName(tagType)[0];
28		var liObj = ulObj.getElementsByTagName("LI");
29		maxCnt = liObj.length;
30		ulObj.insertBefore(liObj[0].cloneNode(true), liObj[maxCnt-1].nextSibling);
31
32		if(maxCnt>0)
33		{
34			this.show();
35		}
36	}
37
38	this.show = function ()
39	{
40		if ( maxCnt == nowCnt )
41		{
42			nowCnt		= 0;
43			movingCnt	= 0;
44			listObj.getElementsByTagName(tagType)[0].style.top = "0px";
45		}
46
47		nowCnt++;
48		var t = setTimeout(listObj.id + ".motion()", gabSpeed);
49	}
50
51	this.motion = function ()
52	{
53		//movingCnt = movingCnt + 4;
54		movingCnt = movingCnt + 1;
55		if (movingCnt > (liHeight * nowCnt))
56		{
57			movingCnt = liHeight * nowCnt;
58			this.show();
59		}
60		else
61		{
62			listObj.getElementsByTagName(tagType)[0].style.top= "-" + movingCnt + "px";
63			var t = setTimeout(listObj.id + ".motion()", rollSpeed);
64		}
65	}	
66}