<! DOCTYPE Html>8><title> Text list seamlessly scrolling up JavaScript code-code base </title><style>*{margin:0px;padding:0px;border:0px;} Body{font-size:12px}a{color:#333333; text-Decoration:none;} A:hover{color: #FF0000; text-Decoration:none;} #demo1 {Height:auto;text-Align:left;} #demo2 {Height:auto;text-Align:left;} #demo1 li{list-style-Type:none;height:22px;background:url () No-Repeat left Center;text-Align:left;text-indent:15px;} #demo2 li{list-style-Type:none;height:22px;background:url () No-Repeat left Center;text-Align:left;text-indent:15px;}</style>"Demo"style="overflow:hidden;height:125px;width:280px;"> <ul id="Demo1"> <li><a href="/"target="_blank">XP Menu faux QQ menu Manager left </a></li> <li><a href="/"target="_blank"> Multilayer nested layer expansion </a></li> <li><a href="/"target="_blank"> "JAVA2 Core Technology Vol. 2: Advanced Features" 7th edition </a></li> <li><a href="/"target="_blank">CSS, HTML tutorial package download (CHM) </a></li> <li><a href="/"target="_blank"> "C + + Primer" Chinese fourth edition chm</a></li> <li><a href="/"target="_blank">c++ Payroll Management System (Access) </a></li> <li><a href="/"target="_blank"> Very cow left column JS folding menu </a></li> <li><a href="/"target="_blank"> left column JS folding menu </a></li> <li><a href="/"target="_blank"> "JAVA2 Core Features" 7th edition </a></li> </ul> <div id="Demo2"></div></div> <script>varSpeed = the //Speed varDemo=document.getelementbyid ("Demo"); varDemo2=document.getelementbyid ("Demo2"); varDemo1=document.getelementbyid ("Demo1"); Demo2.innerhtml=demo1.innerhtmlfunction Marquee () {if(Demo2.offsettop-demo.scrolltop <=0) {Demo.scrolltop-=Demo1.offsetheight}Else{demo.scrolltop++ } } varMymar=setinterval (marquee,speed) demo.onmouseover=function () {clearinterval (MyMar)}//StopDemo.onmouseout=function () {Mymar=setinterval (marquee,speed)}//New Start</script> </body>Text list seamlessly scrolling up JavaScript code