Tip: You can modify some of the code before running
<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> <ptml xmlns=" http://www.w3.org/1999/xhtml "> <pead> <meta http-equiv=" Content-type "content=" text/html; charset=gb2312 "/> <title> transverse with pause picture scrolling </title> </pead> <script> function Marquee () {This.id=d Ocument.getelementbyid (Arguments[0]); This. DIRECTION=ARGUMENTS[1]; This. STEP=ARGUMENTS[2]; This. WIDTH=ARGUMENTS[3]; This. HEIGHT=ARGUMENTS[4]; This. TIMER=ARGUMENTS[5]; This. WAITTIME=ARGUMENTS[6]; This. STOPTIME=ARGUMENTS[7]; if (Arguments[8]) {this. SCROLLSTEP=ARGUMENTS[8];} Else{this. Scrollstep=this. Direction>1?this. Width:this. Height;} This. Ctl=this. Startid=this. Stop=this. mouseover=0; This. Id.style.overflowx=this. Id.style.overflowy= "hidden"; This. Id.nowrap=true; This. Id.style.width=this. Width; This. Id.style.height=this. Height; This. Clientscroll=this. Direction>1?this. ID.scrollWidth:this. Id.scrollheight; ThiS.id.innerhtml+=this. id.innerhtml; This. Start (this,this. Timer,this. Waittime,this. StopTime); } marquee.prototype.start=function (Msobj,timer,waittime,stoptime) {msobj. Startid=function () {msobj. Scroll ();} Msobj. Continue=function () {if (msobj). Mouseover==1) {settimeout (msobj). Continue,waittime);} Else{clearinterval (msobj. Timerid); Msobj. Ctl=msobj. Stop=0; Msobj. Timerid=setinterval (msobj. Startid,timer);} } msobj. Pause=function () {msobj. Stop=1; Clearinterval (msobj. Timerid); SetTimeout (msobj. Continue,waittime);} Msobj. Begin=function () {msobj. Timerid=setinterval (msobj. Startid,timer); Msobj. Id.onmouseover=function () {msobj. Mouseover=1; Clearinterval (msobj. Timerid);} Msobj. Id.onmouseout=function () {msobj. mouseover=0; if (msobj. stop==0) {clearinterval (msobj). Timerid); Msobj. Timerid=setinterval (msobj. Startid,timer);} } settimeout (Msobj. Begin,stoptime); } marquee.prototype.scroll=function () {switch (this. Direction) {case 0:this. Ctl+=this. Step; if (this. Ctl>=this. Scrollstep&&this. waittime>0) {this. Id.scrolltop+=this. Scrollstep+this. Step-this.ctl; This. Pause (); return;} Else{if (this. Id.scrolltop>=this. Clientscroll) this. Id.scrolltop-=this. Clientscroll; This. Id.scrolltop+=this. Step;} Break Case 1:this. Ctl+=this. Step; if (this. Ctl>=this. Scrollstep&&this. waittime>0) {this. Id.scrolltop-=this. Scrollstep+this. Step-this.ctl; This. Pause (); return;} Else{if (this. id.scrolltop<=0) this. Id.scrolltop+=this. Clientscroll; This. Id.scrolltop-=this. Step;} Break Case 2:this. Ctl+=this. Step; if (this. Ctl>=this. Scrollstep&&this. waittime>0) {this. Id.scrollleft+=this. Scrollstep+this. Step-this.ctl; This. Pause (); return;} Else{if (this. Id.scrollleft>=this. Clientscroll) this. Id.scrollleft-=this. Clientscroll; This. Id.scrollleft+=this. Step;} Break Case 3:this. Ctl+=this. Step; if (this. Ctl>=this. Scrollstep&&this. waittime>0) {this. Id.scrollleft-=this. Scrollstep+this. Step-this.ctl; This. Pause (); return;} Else{if (this. Id.scrollleft<=0) this. Id.scrollleft+=this. Clientscroll; This. Id.scrollleft-=this. Step;} Break } </script> <body> <nobr> <div id= "Marqueediv8" > </div> ; </nobr> <script> window.onload=function () {New Marquee ("Marqueediv8",//Container id<br/> 2,//scroll up (0 up 1 Down 2 left 3 right) <br/> 20,///scrolling step <br/> 760,//container visible width <br/> 52,//container visible height <br/> 50,///timer value smaller, scrolling speed The faster the degree (1000=1 seconds, recommended not less than) <br/> 1000,//Intermittent pause time (0 for no pause, 1000=1 seconds) <br/> 1000,//Start time (0 for no wait, 1000=1 seconds) <br/ > 152//intermittent rolling spacing (optional) <br/>); }; </script> </body> </ptml></td> </tr> </table>
Tip: You can modify some of the code before running