新式滚动向上字幕(ZT)
<div id=demo style="overflow:hidden;height:60px">
<div id=demo1>
111111111111111<br>
222222222222222<br>
333333333333333<br>
444444444444444<br>
555555555555555
</div>
<div id=demo2></div><script language=javascript>
var t = demo.scrollTop;
demo2.innerText = demo1.innerText;
function MzMarquee()
{
   if(demo2.offsetTop - demo.scrollTop<=0)
      demo.scrollTop -= demo1.offsetHeight;
   else
      demo.scrollTop++
}
setInterval(MzMarquee, 100);
</script>

解决方案 »

  1.   

    这是上下滚动
    <!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><table width="499" border="1" cellpadding="0" cellspacing="0" bordercolor="#CC6600">
        <tr>
        <td width="495">
    <div id=demo style=overflow:hidden;height:70;width:400> 
    <div id=demo1>
    <a href='' target='_blank'>这是滚动第1行</a><br>
    这是滚动第2行<br>
    这是滚动第3行<br>
    这是滚动第4行<br>
    这是滚动第5行<br>
    这是滚动第6行<br>
    这是滚动第7行<br>
    这是滚动第8行<br>
    </div>
    <div id=demo2></div>
    </div>
    <script>
    var speed=30
    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> </td>
      </tr>
    </table>
    </BODY>
    </HTML>
      

  2.   

    这是左右滚动:<!-- 滚动 begin -->
    <table width=750 border=0 cellpadding=0 cellspacing=0>
    <tr valign=top>
    <td width=700 height=150  align=right>
    <!--滚动图片资料 begin-->
    <table width=750 border=0 cellpadding=0 cellspacing=0>                          
    <tr><td height=140 style="border:1px solid #C7C7C7;padding-top:8px" align=center valign=top>
    <table width=700 border=0 cellpadding=0 cellspacing=0>          
    <tr><td align=center>
     <div id=demo style=overflow:hidden;height:140;width:650;><table align=center cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=top>
    <table border=0 cellpadding=0 cellspacing=0 align=center>
    <tr> <td><a href=http://f1.sina.com.cn/2004-12-10/21481294101.shtml target=_blank><img src=http://image2.sina.com.cn/ty/f1/U574P6T139D4F4425DT20041212203621.jpg width=150 height=100 class=img05 hspace=22></a><br><font color=#ffffff><center><b>米其林汽车运动主管后年退役</b></center></font></td>
    <td width=15></td>
    <td><a href=http://sports.sina.com.cn/f1/2003f1/photo/9279/index.shtml target=_blank><img src=http://image2.sina.com.cn/ty/f1/U574P6T139D4F4427DT20041212203621.jpg width=150 height=100 class=img05 hspace=22></a><br><font color=#ffffff><center><b>舒米获意大利金头盔奖</b></center></font></td>
    <td width=15></td>
    <td><a href=http://f1.sina.com.cn/2004-12-12/05171295803.shtml target=_blank><img src=http://image2.sina.com.cn/ty/f1/U574P6T139D4F4429DT20041212203621.jpg width=150 height=100 class=img05 hspace=22></a><br><font color=#ffffff><center><b>巴林GP获FIA最佳组织奖</b></center></font></td>
    <td width=15></td> <td><a href=http://f1.sina.com.cn/2004-12-12/13151296350.shtml target=_blank><img src=http://image2.sina.com.cn/ty/f1/U574P6T139D4F4431DT20041212203621.jpg width=150 height=100 class=img05 hspace=22></a><br><font color=#ffffff><center><b>雷诺老板结识新欢妮可</b></center></font></td>
    <td width=15></td>
    <td><a href=http://f1.sina.com.cn/2004-12-12/13291296375.shtml target=_blank><img src=http://image2.sina.com.cn/ty/f1/U574P6T139D4F4433DT20041212203621.jpg width=150 height=100 class=img05 hspace=22></a><br><font color=#ffffff><center><b>皮佐尼亚同海德菲尔德抢饭碗</b></center></font></td> </tr>
    </table>
    </td><td id=demo2 valign=top></td></tr></table></div>
      <script>
      var speed=10//速度数值越大速度越慢
      demo2.innerHTML=demo1.innerHTML
      function Marquee(){
      if(demo2.offsetWidth-demo.scrollLeft<=0)
      demo.scrollLeft-=demo1.offsetWidth
      else{
      demo.scrollLeft++
      }
      }
      var MyMar=setInterval(Marquee,speed)
      demo.onmouseover=function() {clearInterval(MyMar)}
      demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
      </script>
    </td></tr>                                                   
    </table>                                                              </td></tr>                                                                     </table>       
    </td></tr>
    </table>
    <!--滚动图片 end-->
      

  3.   

    看看这个风云写的http://51js.com/viewthread.php?tid=14553&highlight=%B9%F6%B6%AF
    这是我见的最好的滚动了.