横向滚动图片,javascript实现的例子

从http://www.gzdesignweek.com/页面得到的,学习学习.

<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
< HTML >
< HEAD >
< TITLE >  New Document  </ TITLE >
< META  NAME ="Generator"  CONTENT ="EditPlus" >
< META  NAME ="Author"  CONTENT ="" >
< META  NAME ="Keywords"  CONTENT ="" >
< META  NAME ="Description"  CONTENT ="" >
</ HEAD >

< BODY >
                   < TBODY >
                     < TR >
                       < TD >< DIV  id =xxb 
                   style ="BACKGROUND: #EBEBDF; OVERFLOW: hidden; WIDTH: 800px; COLOR: #000000; HEIGHT: 147px"  
                  align =center >
                           < TABLE  height =114  cellSpacing =0  cellPadding =0 
                   align =center  border =0  cellspace ="0" >
                             < TBODY >
                               < TR >
                                 < TD  id =xxb1  vAlign =center >< TABLE  align ="center" >
                                   < TBODY >
                                     < TR >
                                       < TD  vAlign =center >< div  align ="center" >< a  href ="http://www.gzdesignweek.com/06ch_photo.htm#a1"  target ="_blank" >< img  src ="images/absolute01.JPG"  width ="200"  height ="145"  border ="0" ></ a ></ div ></ TD >
                                       < TD  vAlign =center >< a  href ="http://www.gzdesignweek.com/06ch_photo.htm#a2"  target ="_blank" >< img  src ="images/absolute02.JPG"  width ="200"  height ="145"  border ="0" ></ a ></ TD >
                                       < TD  vAlign =center >< a  href ="http://www.gzdesignweek.com/06ch_photo.htm#a3"  target ="_blank" >< img  src ="images/absolute03.JPG"  width ="200"  height ="145"  border ="0" ></ a ></ TD >
                                       < TD  vAlign =center >< a  href ="http://www.gzdesignweek.com/06ch_design02.htm#a4"  target ="_blank" >< img  src ="images/absolute020.JPG"  width ="200"  height ="145"  border ="0" ></ a ></ TD >
                                       < TD  vAlign =center >< a  href ="http://www.gzdesignweek.com/06ch_design03.htm#a5"  target ="_blank" >< img  src ="images/absolute012.JPG"  width ="200"  height ="145"  border ="0" ></ a ></ TD >
                                       < TD  vAlign =center >< a  href ="http://www.gzdesignweek.com/06ch_design01.htm#a6"  target ="_blank" >< img  src ="images/absolute017.JPG"  width ="200"  height ="145"  border ="0" ></ a ></ TD >
                                       < TD  vAlign =center >< a  href ="http://www.gzdesignweek.com/06ch_design02.htm#a7"  target ="_blank" >< img  src ="images/absolute018.JPG"  width ="200"  height ="145"  border ="0" ></ a ></ TD >
                                       < TD  vAlign =center >< a  href ="http://www.gzdesignweek.com/06ch_design02.htm#a8"  target ="_blank" >< img  src ="images/absolute022.JPG"  width ="200"  height ="145"  border ="0" ></ a ></ TD >
                                       < TD  vAlign =center >< a  href ="http://www.gzdesignweek.com/06ch_photo.htm#a9"  target ="_blank" >< img  src ="images/absolute015.JPG"  width ="200"  height ="145"  border ="0" ></ a ></ TD >
                                       < TD  vAlign =center >< a  href ="http://www.gzdesignweek.com/06ch_photo.htm#a10"  target ="_blank" >< img  src ="images/absolute023.JPG"  width ="200"  height ="145"  border ="0" ></ a ></ TD >
                                       < TD  vAlign =center >< a  href ="http://www.gzdesignweek.com/06ch_photo.htm#a11"  target ="_blank" >< img  src ="images/absolute025.JPG"  width ="200"  height ="145"  border ="0" ></ a ></ TD >
                                       < TD  vAlign =center >< a  href ="http://www.gzdesignweek.com/06ch_photo.htm#a12"  target ="_blank" >< img  src ="images/absolute029.JPG"  width ="200"  height ="145"  border ="0" ></ a ></ TD >
                                       < TD  vAlign =top >< a  href ="http://www.gzdesignweek.com/06ch_design02.htm#a13"  target ="_blank" >< img  src ="images/absolute030.JPG"  width ="200"  height ="145"  border ="0" ></ a ></ TD >
                                       < TD  vAlign =top >< a  href ="http://www.gzdesignweek.com/06ch_icward.htm#a14"  target ="_blank" >< img  src ="images/icward01.JPG"  width ="200"  height ="145"  border ="0" ></ a ></ TD >
                                       < TD  vAlign =top >< a  href ="http://www.gzdesignweek.com/06ch_danishday.htm#a15"  target ="_blank" >< img  src ="images/danish011.JPG"  width ="200"  height ="145"  border ="0" ></ a ></ TD >
                                       < TD  vAlign =top >< a  href ="http://www.gzdesignweek.com/06ch_hmj.htm#a16"  target ="_blank" >< img  src ="images/prize03.JPG"  width ="200"  height ="145"  border ="0" ></ a ></ TD >
                                       < TD  vAlign =top >< a  href ="http://www.gzdesignweek.com/06ch_venue.htm#a17"  target ="_blank" >< img  src ="images/venue03.JPG"  width ="200"  height ="145"  border ="0" ></ a ></ TD >
                                       < TD  vAlign =top >< a  href ="http://www.gzdesignweek.com/06ch_cityscape.htm#a18"  target ="_blank" >< img  src ="images/cityscape07.JPG"  width ="200"  height ="145"  border ="0" ></ a ></ TD >
                                       < TD  vAlign =top >< a  href ="http://www.gzdesignweek.com/06ch_i_mart.htm#a19"  target ="_blank" >< img  src ="images/mart04.JPG"  width ="200"  height ="145"  border ="0" ></ a ></ TD >
                                       < TD  vAlign =top >< a  href ="http://www.gzdesignweek.com/06ch_innovation.htm#a20"  target ="_blank" >< img  src ="images/innovation010.JPG"  width ="200"  height ="145"  border ="0" ></ a ></ TD >
                                       < TD  vAlign =top >< a  href ="http://www.gzdesignweek.com/06ch_jyj.htm#a21"  target ="_blank" >< img  src ="images/jyj04.jpg"  width ="200"  height ="145"  border ="0" ></ a ></ TD >
                                     </ TR >
                                   </ TBODY >
                                 </ TABLE ></ TD >
                                 < TD  width ="1"  vAlign =top  id =xxb2 ></ TD >
                               </ TR >
                               < SCRIPT > ...
  var speed=30
  xxb2.innerHTML=xxb1.innerHTML
  function Marquee()...{
  if(xxb2.offsetWidth-xxb.scrollLeft<=0)
  xxb.scrollLeft-=xxb1.offsetWidth
  else...{
  xxb.scrollLeft++
  }
  }
  var MyMar=setInterval(Marquee,speed)
  xxb.onmouseover=function() ...{clearInterval(MyMar)}
  xxb.onmouseout=function() ...{MyMar=setInterval(Marquee,speed)}
                                           </ SCRIPT >
</ BODY >
</ HTML >