这是很多网站经常想要的效果 
<DIV id=demo style="OVERFLOW: hidden; WIDTH: 145px; HEIGHT: 100px"> 
<DIV id=demo1> 
aaaa<br> 
bbbb<br> 
cccc<br> 
dddd<br> 
eeee<br> 
ffff<br> 
gggg<br> 
</DIV> 
<DIV id=demo2></DIV> </DIV> 
<SCRIPT> 
var speed=50 
var _demo=document.getElementById("demo"); 
var _demo1=document.getElementById("demo1"); 
var _demo2=document.getElementById("demo2"); 
demo2.innerHTML=demo1.innerHTML 
function Marquee(){ 
if(_demo2.offsetTop-_demo.scrollTop<=0){ 
_demo.scrollTop-=_demo1.offsetHeight 
}else{ 
_demo.scrollTop++ 


var MyMar=setInterval(Marquee,speed) 
_demo.onmouseover=function() {clearInterval(MyMar)} 
_demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)} 
</SCRIPT>参考:http://www.web745.com/html/195/262.html

解决方案 »

  1.   

    nora2008,你的方法是那种无缝的循环。我要的是从头再来的谢谢啊。
      

  2.   

    <marquee  scrollamount=3 onmouseover=this.stop() onmouseout=this.start()><TABLE cellSpacing=0 cellPadding=0  border=0 >
                  
                  <TR vAlign="middle" align="center">
      <%do while not rs.eof%><td  align="left" width="90"  valign=top><a href=""><img onClick="return view(<%=rs("id")%>)"  src="../admin/jigou/prodimage/<%=rs("bigpiclink")%>" width="90" height="90" border="0"></a>
                          
                         
     </td> 
      <td  align="left" width="1"  valign=top bgcolor="#f4f4f4"><img src="../images/dot.gif" width="5"></td><% 
          rs.movenext
       loop
     %>
     </TR></TABLE></marquee>在HTML文档中用<marquee></marquee>标记对插入字幕。字幕<marquee>主要有下列属性:  align:字幕文字对齐方式
       width:字幕高度
       high:字幕高度
       direction:文字滚动方向,其值可取right,left,up,down;
       behavior:字幕动态效果 ,其值可取scroll(滚动),slide(幻灯片),alteernat(交替),默认值为scroll;
       scrolldelay:滚动延迟时间,单位毫秒
       scrollamount:滚动数量,单位像素。
      

  3.   

    <marquee  scrollamount=3 onmouseover=this.stop() onmouseout=this.start()><TABLE cellSpacing=0 cellPadding=0  border=0 >
                  
                  <TR vAlign="middle" align="center">
      <%do while not rs.eof%><td  align="left" width="90"  valign=top><a href=""><img onClick="return view(<%=rs("id")%>)"  src="../admin/jigou/prodimage/<%=rs("bigpiclink")%>" width="90" height="90" border="0"></a>
                          
                         
     </td> 
      <td  align="left" width="1"  valign=top bgcolor="#f4f4f4">123123
     </TR></TABLE></marquee>
      

  4.   

    如果你不想无逢链接,就用marquee标记就行了,请参考走马灯特效marquee各种参数详解
    http://www.web745.com/html/197/258.html
      

  5.   

    html>
    <body>
        <table align="center">
            <tr>
                <td id="tdFU" width="50%" bgcolor="lightsteelblue">
                    <marquee id="FU" direction="LEFT" onmouseover="runSpeed = 0;" onmouseout="runSpeed = 2;">
                    </marquee>
                </td>
            </tr>
            <tr>
                <td>
                    <input id="t1" type="text" value="abcdefgh" onmouseover="runStart(this); "  />
                    <input id="t2" type="text" value="1234567890123" onmouseover="runStart(this); " />
                </td>
            </tr>
        </table>    <script language="javascript">    var runSpeed = 2;
        setTimeout("moveMQ()", 30);
    //alert(tdFU.offsetWidth);    function runStart(ctr)
        {
        if (ctr.value != FU.innerHTML)
        {                                                      
        FU.innerHTML = ctr.value;     FU.scrollLeft = 0;     
        }
        }
        function moveMQ()
    {
    var fuLeft = FU.scrollLeft;
    var contentWidth = FU.innerHTML.length * 5;      if (fuLeft > Number(FU.offsetWidth) + contentWidth 30 )
        {
         FU.scrollLeft = 0;
         }
         else
         {
         FU.scrollLeft = fuLeft + runSpeed * 2;
         }
    FU.stop();
    setTimeout("moveMQ()", 20);
    }
        </script></body>
    </html>
    mingxuan3000,你看看我上面写的
    上面的代码就是不能实现当最后一个字符消失后原信息从头滚动