有5张图片，我想让他们在网页上不停的水平移动，不会发生网页在某一时刻出现空白页,使用<marquee direction="left" ></marquee>不能达到�

有5张图片，我想让他们在网页上不停的水平移动，不会发生网页在某一时刻出现空白页,使用<marquee direction="left" ></marquee>不能达到

如www.philcon.com.cn/FGcompany/main.html

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

看这个~http://community.csdn.net/Expert/topic/3301/3301956.xml?temp=.1906855
<html>
<head>
<title>Up scroll</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head><body bgcolor="cccccc">      <div id="demo" style="overflow:hidden;height:200;width:96;">
        <div id="demo1" >
          <img src="images/1.gif" width="96" height="96" alt="1">
          <img src="images/2.gif" width="96" height="96" alt="2">
          <img src="images/3.gif" width="96" height="96" alt="3">
        </div>
       <div id="demo2" ></div>
      </div>

      <script>
         var speed=30


         demo2.innerHTML=demo1.innerHTML //克隆demo1为demo2
         function Marquee(){
            if(demo2.offsetTop-demo.scrollTop<=0) //当滚动至demo1与demo2交界时
               demo.scrollTop-=demo1.offsetHeight  //demo跳到最顶端

            else{
               demo.scrollTop++

            }

         }
         var MyMar=setInterval(Marquee,speed) //设置定时器
         demo.onmouseover=function() {clearInterval(MyMar)}//鼠标移上时清除定时器达到滚动停止的目的
         demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}//鼠标移开时重设定时器


      </script>
</body>
</html>这个试试吧
至于CNetol(咸鱼)告诉我的网页，只能滚动一段时间就停下来了，又该如何修改呢？请高手帮忙
这个可以吧 http://www.nl-hose.com/
to: CNetol(咸鱼) 你的html是走一段时间就停下来的，asp的我就不会。
To: chense(多线程[MultiThread])
确实是一种好方法，但用JSP动态产生图片以后就只能走完全部图片就停了下来，真可惜。
不知道为什么html能行，换了JSP动态产生图片就不行了，真可惜。郁闷！
按代码中的文件名，找几个图片就可以了,绝对完美！<html>
<head>
<title>Down scroll</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head><body><div id=demo style="overflow:hidden;height:200;width:90;background:#214984;color:#ffffff">
   <div id="demo1">
     <img src="images/1.gif" width="96" height="96">
     <img src="images/2.gif" width="96" height="96">
     <img src="images/3.gif" width="96" height="96">
  </div>
  <div id="demo2"></div>
  </div>
    <script>
    var speed=30
    demo2.innerHTML=demo1.innerHTML

    demo.scrollTop=demo.scrollHeight
    function Marquee(){
        if(demo1.offsetTop-demo.scrollTop>=0)
           demo.scrollTop+=demo2.offsetHeight
        else {
         demo.scrollTop--
        }
    }
    var MyMar=setInterval(Marquee,speed)
    demo.onmouseover=function() {clearInterval(MyMar)}
    demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
    </script>
</body>
</html>
TO: wubai250(wubai)谢谢，我看了可惜也只是垂直的，最好是水平的。
好我给你个水平的<html>
<head>
<title>Right scroll</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head><body><div id=demo style="overflow:hidden;height:96;width:250;background:#214984;color:#ffffff">
  <table align=left>
    <tr>
      <td id="demo1" valign=top>
        <img src="images/1.gif" width="96" height="96"><img src="images/2.gif" width="96" height="96"><img src="images/3.gif" width="96" height="96">
      </td>
      <td id="demo2" valign=top>
      </td>
    </tr>
  </table>
</div>
<script>
  //为什么要用demo1和demo2要用table,而用div
  //原因是两个div不能在一行上
  //另外imgb也要在一行上 ,而且img这间不能有空格
  var speed=30
  demo2.innerHTML=demo1.innerHTML

  demo.scrollLeft=demo.scrollWidth
  function Marquee(){
      if(demo.scrollLeft<=0)
           demo.scrollLeft+=demo2.offsetWidth
      else{
          demo.scrollLeft--
      }
  }
  var MyMar=setInterval(Marquee,speed)
  demo.onmouseover=function() {clearInterval(MyMar)}
  demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
  </script>

</body>
</html>
太谢谢各位了。小弟在wubai250(wubai) ，CNetol(咸鱼)， chense(多线程[MultiThread]) ，qukmei(鬼才) 帮助下终于实现了JSP动态生成图片后水平不断移动的效果。
要多动手，自己调，晕，唉，给了你demo，你也不会用！！！！！！！