如何让滚动的图片不间断？

我在做图片至右向左滚动时，每次只有在最后一张图片从左侧出去以后，第一张图片才会从右侧出来，中间会有一段空白，如何让图片连续滚动而不出现空白呢？代码如下：
<marquee behavior="scroll" scrollamount="4" scrolldelay="2" width="100%" height="150px" direction="right" onmousemove="stop()" onmouseout="start()">
                <img src="二十二期学员/DSC01509.JPG" width="200px" height="150px" />
                <img src="二十二期学员/DSC01512.JPG" width="200px" height="150px" />
                <img src="二十二期学员/DSC01514.JPG" width="200px" height="150px" />
                <img src="二十二期学员/DSC01518.JPG" width="200px" height="150px" />
                <img src="二十二期学员/DSC01519.JPG" width="200px" height="150px" />
                <img src="二十二期学员/DSC01520.JPG" width="200px" height="150px" />
                <img src="二十二期学员/DSC01534.JPG" width="200px" height="150px" />
                <img src="二十二期学员/DSC01539.JPG" width="200px" height="150px" />
                <img src="二十二期学员/DSC01595.JPG" width="200px" height="150px" />
                <img src="二十二期学员/DSC01597.JPG" width="200px" height="150px" />
            </marquee>

解决方案 »

  1.   

    <div   id=demo   style=overflow:hidden;height:60px>   
      <div   id=demo1>   
      111111111111111<br>   
      222222222222222<br>   
      333333333333333<br>   
      444444444444444<br>   
      555555555555555   
      </div>   
      <div   id=demo2>   
      111111111111111<br>   
      222222222222222<br>   
      333333333333333<br>   
      444444444444444<br>   
      555555555555555   
      </div>   
      <script>   
      var   t=demo.scrollTop   
      function   qswhMarquee(){   
      if(demo2.offsetTop-demo.scrollTop<=0)   
      demo.scrollTop-=demo1.offsetHeight   
      else   
      demo.scrollTop++   
      }   
      setInterval(qswhMarquee,10)   
      </script>
      

  2.   

        
      <html>   
      <head>   
      <SCRIPT   LANGUAGE=javascript><!--   
      function   test()   
      {   
            try   
            {   
                  var   str           =   marStr.innerText;   
                  var   intLen1   =   str.length;   
                  var   intLen2   =   marStr.offsetWidth;   
                  var   j               =   intLen2/intLen1;   
                  var   strTemp   =   marStr.innerHTML;   
                  if(j>1)   
                  {   
                        for(var   i=0;   i<j;   i++)   
                        strTemp+="     "+marStr.innerHTML;   
                  }   
                  marStr.innerHTML=strTemp;   
            }   
            catch(e){}   
      }   
      //--></SCRIPT>   
        
      </head>   
      <body   onload=test()>   
      <marquee   behavior="SCROLL"   id="marStr"     height="150"     width="100%"   loop="-1"       truespeed   onMouseOver="this.stop();"   onMouseOut="this.start();">1234567890</marquee>   
      </body>   
      </html>
      

  3.   

    http://www.jb51.net/article/747.htm