HTML section:
<!DOCTYPE HTML><HTML><Head><MetaCharSet= "gb2312"/><title>Intermittent cycle scrolling</title></Head><Body><DivID= "box"> <ulID= "Con1"> <Li>111111111111</Li> <Li>222222222222</Li> <Li>333333333333</Li> <Li>444444444444</Li> <Li>555555555555</Li> <Li>666666666666</Li> <Li>777777777777</Li> <Li>888888888888</Li> <Li>999999999999</Li> </ul></Div></Body></HTML>
CSS section:
#box{Height:240px;width:300px;margin:0 Auto;Border:1px solid #0066FF;Overflow:Hidden;Padding-bottom:20px; }#box Li{Color:#333;Height:24px; }#box ul{margin:0;padding:0; }
JS section:
varArea=document.getelementbyid ("box"); area.innerhtml+=area.innerhtml;varLiheight=24; Area.scrolltop=0;vardelay=2000;varSpeed=50;varTime ;functionStarmove () {area.scrolltop++; time=setinterval ("Scrollup ()", speed);}functionScrollup () {if(area.scrolltop%liheight==0) {clearinterval (time); SetTimeout ("Starmove ()", delay); }Else{area.scrolltop++; if(AREA.SCROLLTOP>=AREA.OFFSETHEIGHT/2) {Area.scrolltop=0; }}}settimeout ("Starmove ()", delay);
js-Intermittent Cycle scrolling