水平滚动文字

<TD background="images/index_newbg.gif" bgColor=#dde5e8 colSpan=678
style="font-size: 9pt; font-family: tahoma; font-weight: bold; font-color: red">
                 <MARQUEE onmouseover=this.stop() onmouseout=this.start()
scrollAmount=2 scrollDelay=2 width="100%" height=16>
<%
Connection con0 = null;
Statement st0 = null;
ResultSet rs0 = null;
String sql0 = "";
String id0 = "";
String title0 = "";
try {
con0 = DBUtil.getConn("bzdc");
st0 = con0.createStatement();
sql0 = "select top 4 * from tbl_notice where status=3 order by finish_date desc ";
rs0 = st0.executeQuery(sql0);
while (rs0.next()) {
id0 = rs0.getString("id");
title0 = rs0.getString("title");
%>
<a href="showlistcontent.jsp?id=<%=id0%>"> <SPAN
style="COLOR: red"><%=title0%></SPAN>&nbsp;&nbsp;&nbsp;&nbsp;</a> <%
}
} catch (Exception e) {
//e.printStackTrace();
} finally {
if (rs0 != null) {
rs0.close();
}
if (st0 != null) {
st0.close();
}
if (con0 != null) {
con0.close();
}
}
%>

</MARQUEE>
</TD>
这是用html标签来实现的水平文字的滚动，但是有个缺点就是中间会有一段空白，现在我想实现连续的，无间断的文字的滚动，请问该怎么实现啊？必须是在td这个区域里面。
 谢谢

解决方案 »

  1.   

     
    <!DOCTYPE   HTML   PUBLIC   "-//W3C//DTD   HTML   4.0   Transitional//EN ">
    <HTML>
      <HEAD>
      </HEAD>  <BODY>
    <table   width= "760 "   align= "center "   border= "1 "   >
        <tr>
            <td   align= "center ">          <div   id=demo   style= 'overflow:hidden;height:110px;width:750px; '>
              <table   height=110   border=0   cellspacing=0   cellpadding=0>
      <tr>
      <td   id=demo1>
      <!--   下面是你要显示的内容   -->
      <table   width=780>
      <tr>
      <td> 第一 </td>  <td> 第二 </td>  <td> 文章标题 </td>  <td> 最牛交通工具 <br> 添　　加： <br> 更新时间：2004年10月9日 ' </td>          <td> 经典动物幽默图集 <br> 添　　加： <br> 更新时间：2004年10月7日 ' </td>  <td> 新化二中 <br> 添　　加： <br> 更新时间：2004年10月7日 ' </td>          </tr>
      </table>
                <!--   显示的内容结束！   -->  </td>
      <td   id=demo2> </td>
      </tr>
      </table>
              </div>  </td>
            </tr>
          </table><script>
          var   speed=15
          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>
    </BODY>
    </HTML>