<marquee>无法实现不间断滚动,以前有人写过用<marquee>实现的,但只是重复写入滚动内容,造成不间断滚动的假象。
http://www.gl-itc.org上有横向不间断滚动的例子,http://eyun.iecn.net首页有纵向不间断滚动的例子,自己拿代码吧

解决方案 »

  1.   

    http://www.thugx.com/viewarticle.asp?file=Marquee
      

  2.   

    我在里面看到了这段代码
    下面的<div style="width:580px;height:48px;overflow:hidden">  
    overflow:hidden 是什么意思呢?
    <img class="coolAlpha"       这个又是什么意思呢?<div style="width:580px;height:48px;overflow:hidden"> 
                <table width="580" border="0" cellspacing="0" cellpadding="0" id="scrollimg">
                  <tr> 
                    <td id="simg"><img class="coolAlpha" src="index/image/scroll/s1.gif" width="109" height="48"><img class="coolAlpha" src="index/image/scroll/s3.gif" width="115" height="48"><img class="coolAlpha" src="index/image/scroll/s4.gif" width="114" height="48"><img class="coolAlpha" src="index/image/scroll/s5.gif" width="114" height="48"><img class="coolAlpha" src="index/image/scroll/s8.gif" width="128" height="48"> 
                    </td>
                    <td id="simg1"></td>
                  </tr>
                </table>
              </div>
      

  3.   

    Try..<div id=demo style=overflow:hidden;width:750;align="center">
            <table border=0 align=center cellpadding=1 cellspacing="1" cellspace=0 >
              <tr>
          <td valign=top bgcolor="ffffff" id=demo1> 
            <table width="90%" border="0" cellspacing="0" cellpadding="0">
        <tr align="center"> 
                      <td><a href="show.asp?id=1"><img src="csdn.gif" width="87" height="104" hspace="2" border="0" /></a></td>
                      <td><a href="show.asp?id=2"><img src="csdn2.gif" width="87" height="104" hspace="2" border="0" /></a></td>
                      <td><a href="show.asp?id=3"><img src="csdn3.gif" width="87" height="104" hspace="2" border="0" /></a></td>
                      <td><a href="show.asp?id=4"><img src="csdn4.gif" width="87" height="104" hspace="2" border="0" /></a></td>
                      <td><a href="show.asp?id=5"><img src="csdn5.gif" width="87" height="104" hspace="2" border="0" /></a></td>
                      <td><a href="show.asp?id=6"><img src="csdn6.gif" width="87" height="104" hspace="2" border="0" /></a></td>
                      <td><a href="show.asp?id=7"><img src="csdn7.gif" width="87" height="104" hspace="2" border="0" /></a></td>
                      <td><a href="show.asp?id=8"><img src="csdn8.gif" width="87" height="104" hspace="2" border="0" /></a></td>    </tr>
      </table>
       </td>
       <td id=demo2 valign=top>
       </td>
       </tr>
       </table>
       </div></td>
        </tr>
      </table>
      <script>
      var speed=30
      demo2.innerHTML=demo1.innerHTML
      function Marquee(){
      if(demo.scrollLeft>=demo1.scrollWidth)
      demo.scrollLeft=0
      else{
      demo.scrollLeft++
      }
      }
      var MyMar=setInterval(Marquee,speed)
      demo.onmouseover=function() {clearInterval(MyMar)}
      demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
      </script>
      

  4.   

    <img class="coolAlpha"  这只是我为图片的渐隐渐显写的一个htc的class引用,和无间断滚动无关
      

  5.   

    算了,给你代码。下次提问前请先想起论坛提供了一个叫做“搜索”的功能
    回复人: xinyunyishui(心云意水) ( ) 信誉:153  2003-12-29 08:29:30Z  得分:100 
     
     
      
    faint!又是这个……
    下次先搜索一下ok?<div style="width:452px;height:48px;overflow:hidden"> 
    <table width="452" border="0" cellspacing="0" cellpadding="0" id="scrollimg">
    <tr> 
    <td id="simg">
    <!--<img class="coolAlpha" src="s1.gif" width="109" height="48"><img class="coolAlpha" src="s3.gif" width="115" height="48"><img class="coolAlpha" src="s4.gif" width="114" height="48"><img class="coolAlpha" src="s5.gif" width="114" height="48">
    //-->
                      <!--class="coolAlpha"是特定的css效果,用于htc的,请自行修改(不影响滚动效果)-->
    <TABLE width="452" border="0">
    <tr><td>asdfas ad324 asdf</td></tr>
    </TABLE>
    </td>
    <td id="simg1"></td>
    </tr>
    </table>
    </div>
    <SCRIPT LANGUAGE="JavaScript">
    function newsScroll() {
    if(scrollimg.parentNode.scrollLeft!=(scrollimg.clientWidth/2))
    scrollimg.parentNode.scrollLeft++;
    else
    scrollimg.parentNode.scrollLeft=0
    }function window.onload() {
    simg1.innerHTML=simg.innerHTML
    setInterval('newsScroll()',50) 
    }
    </SCRIPT>可以到http://www.gl-itc.org看效果。
      

  6.   

    恩,这个链接里能看到我说的“以前有人写过用<marquee>实现的,但只是重复写入滚动内容,造成不间断滚动的假象。”的例子,也有我的代码。自己看着用吧
    http://expert.csdn.net/Expert/topic/2475/2475006.xml?temp=.4084589