Picture scroll up_image effects

<div id="article1" style="width:220; height:150px;"> <img src="http://www.sjz315.org/images/xxdt/2.jpg" style="max-width:90%" style="max-width:90%" border="0" alt="Picture scroll up_image effects" > <img src="http://www.sjz315.org/images/xxdt/3.jpg" style="max-width:90%" style="max-width:90%" border="0" alt="Picture scroll up_image effects" > <img src="http://www.sjz315.org/images/xxdt/4.jpg" style="max-width:90%" style="max-width:90%" border="0" alt="Picture scroll up_image effects" > <img src="http://www.sjz315.org/images/xxdt/5.jpg" style="max-width:90%" style="max-width:90%" border="0" alt="Picture scroll up_image effects" > <img src="http://www.sjz315.org/images/xxdt/6.jpg" style="max-width:90%" style="max-width:90%" border="0" alt="Picture scroll up_image effects" > <img src="http://www.sjz315.org/images/xxdt/7.jpg" style="max-width:90%" style="max-width:90%" border="0" alt="Picture scroll up_image effects" > <img src="http://www.sjz315.org/images/xxdt/1.jpg" style="max-width:90%" style="max-width:90%" border="0" alt="Picture scroll up_image effects" > <img src="http://www.sjz315.org/images/xxdt/11.gif" style="max-width:90%" style="max-width:90%" border="0" alt="Picture scroll up_image effects" > <img src="http://www.sjz315.org/images/xxdt/1r.gif" style="max-width:90%" style="max-width:90%" border="0" alt="Picture scroll up_image effects" > <img src="http://www.sjz315.org/images/xxdt/1t.gif" style="max-width:90%" style="max-width:90%" border="0" alt="Picture scroll up_image effects" > </div> <div id="article2" style="position:absolute;z-index:1;visibility:hidden"></div>
[Ctrl A select all Note: If you need to introduce external Js, you need to refresh to execute

]<script> articleHeight=150; stopscrolla=false; article1.scrollTop=0; //more javascript from http://www.webjx.com with(article1){ style.width=0; style.height=articleHeight; style.overflowX="visible"; style.overflowY="hidden"; noWrap=true; onmouseover=new Function("stopscrolla=true"); onmouseout=new Function("stopscrolla=false"); } preTopa=0; currentTopa=0; stoptimea=0; function init_srolltext1(){ article2.innerHTML=""; article2.innerHTML+=article1.innerHTML; article1.innerHTML=article2.innerHTML+article2.innerHTML; setInterval("scrollUp1()",50); } function scrollUp1(){ if(stopscrolla==true) return; currentTopa+=1; if(currentTopa==151) { stoptimea+=1; currentTopa-=1; if(stoptimea==50) { currentTopa=0; stoptimea=0; } } else { preTopa=article1.scrollTop; article1.scrollTop+=1; if(preTopa==article1.scrollTop){ article1.scrollTop=article2.offsetHeight-articleHeight; article1.scrollTop+=1; } } } init_srolltext1(); </script>