Js horizontal scrolling special effect code

Tip: you can modify some code before running

<script type="text/javascript">Window. onload = function () {scroller_process (30);} function scroller_process (speed) {var scroll_begin = document. getElementById ("scroll_begin"); var scroll_end = document. getElementById ("scroll_end"); var scroll_box = document. getElementById ("scroll_box"); if (scroll_box.offsetWidth> rows) {var tempString = rows; for (var I = 0; I <(scroll_box.offsetWidth/scroll_begin.offsetWidth + 3); I +) {inline + = tempString ;}} scroll_end.innerHTML = inline; function Marquee () {if (scroll_end.offsetWidth-scroll_box.scrollLeft <=0) {scroll_box.scrollLeft-= inline;} else {scroll_box.scrollLeft ++ ;}} var MyMar = setInterval (Marquee, speed); scroll_box.onmouseover = function () {clearInterval (MyMar);} scroll_box.onmouseout = function () {MyMar = setInterval (Marquee, speed );}}</script><div class="scroll_main"><div id="scroll_box" class="scroll_box"><div id="scroll_begin">Test1 ++ test2 ++ test3 ++</div><div id="scroll_end"> </div></div></div></td> </tr></table>

Tip: you can modify some code before running