急！为什么javascript滚动文字，不能滚动?

问题是这样的，我有个 scrolltext.js, 用个空白网页来试是可以滚的，但加到真实页面就不滚动了，不知道哪边出问题了？scrolltext.js -------------------------------------------------
function ScrollBox(uid)
{
 this.scrollBox = document.getElementById(uid);
 this.scrollBoxHeight = this.scrollBox.clientHeight;
 this.scrollBoxInner = this.scrollBox.innerHTML;
 this.scrollCol = this.scrolln = 0;
 this.setScroll = function ()
 {
  this.scrollBox.scrollTop = this.scrollCol + this.scrolln;
  if(this.scrolln==this.scrollBoxHeight)
   return this.addScroll()
  else
   this.scrolln ++;
  var o = this;
  function m(){o.setScroll();}
  setTimeout(m,20);
 }
 this.addScroll = function ()
 {
  this.scrollBox.innerHTML += "<br>" + this.scrollBoxInner;
  this.scrollCol = this.scrollBox.scrollTop;
  this.scrolln = 0;
  var o = this;
  function m(){o.setScroll();}
  setTimeout(m,1000);
 }
 this.init = this.addScroll;
}测试页面test.aspx -----------------------------------------------
<html>
<head>
<script type="text/javascript" src="JS/scrolltext.js"></script>
<title>滚动字幕类</title>
<style type="text/css">
 *
 {
  font-size:12px;
 }
 #scrollBox
 {
  width:250px;
  height:40px;
  line-height:20px;
  overflow:hidden;
  background-color:#eee;
 }</style>
</head>
<body>
单行例子：（每屏一行）<br><br>
<div id="scrollBox">
中国去年进口原油 11%来自上合成员<br />
美：中国对台湾立场 似转趋和缓<br />
美制裁四家中国公司 中方表示强烈不满<br />
中伊关系加温 大陆波斯餐厅开幕
</div>
<script type="text/javascript">
new ScrollBox("scrollBox").init();</script>
</body>
</html>真实页面(不滚了）-------------------------------------------<%@ Page Language="C#" AutoEventWireup="true" CodeFile="test.aspx.cs" Inherits="test" %><%@ Register Src="UserControls/Bottom.ascx" TagName="Bottom" TagPrefix="uc2" %>
<%@ Register Src="UserControls/Top.ascx" TagName="Top" TagPrefix="uc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 4.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>XXXXXXXXXXXXXXXXXXXX </title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="Shortcut Icon" href="images/favicon.ico" />
    <link href="images/style.css" rel="stylesheet" type="text/css" />    <script type="text/javascript" src="JS/scrolltext.js"></script></head>
<body>
    <form id="form1" runat="server">
    <div id="main" style="text-align: center;">
        <table width="1002" border="0" cellpadding="0" cellspacing="0" style="background-image: url(images/bg.jpg);
            height: 100%">
            <tr style="vertical-align: top">
                <td>
                    <uc1:Top ID="Head1" runat="server" />
                </td>
            </tr>
            <tr>
                <td>
                    <table width="870" align="center" cellpadding="0" cellspacing="0" style="height: 100%;
                        vertical-align: top;">
                        <tr>
                            <td align="center" valign="middle">
                                <asp:Literal ID="Literal1" runat="server"></asp:Literal>
                                <br />
                                <input type="button" value="点击我就看到效果了哦``" onclick="DIVAlert('测试!!!');" />
                                <br />
                                <br />
                                <div id="scrollBox">
                                    为何暂停UN登记武器转让 中方做解释<br>
                                    追悼空军运输机遇难者 胡锦涛送花圈<br>
                                    中国控制互联网？外交部发言人驳斥<br>
                                    美国移民局逮2179人 包括1华人蛇头<br>
                                    奇男子能嚼咽双刃刀片 用鼻子喝茶<br>
                                    男子持塑料玩具枪 劫走四十多吨铜(图)<br>
                                    餐馆当街宰小猫做肉丸 场面血腥(图)<br>
                                    男子软禁妻子近5年 称是替其驱妖魔<br>
                                    男子杀死同居女友 与腐尸共宿八天<br>
                                    年轻妻子欲卖肾救夫 88篇日记感人<br>
                                    曾志伟父亲节双喜临门 获美荣誉博士
                                </div>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr style="vertical-align: bottom">
                <td>
                    <uc2:Bottom ID="Bottom1" runat="server" />
                </td>
            </tr>
        </table>
    </div>
    </form>
</body>
</html>

解决方案 »

  1.   

    在真实页面中修改增加如下内容到</body>之前:...<script type="text/javascript"> 
    new ScrollBox("scrollBox").init(); 
    </script> 
    </body> 
    </html>
      

  2.   

    这个试一下：<%@ Page Language="C#" AutoEventWireup="true" CodeFile="test.aspx.cs" Inherits="test" %> <%@ Register Src="UserControls/Bottom.ascx" TagName="Bottom" TagPrefix="uc2" %> 
    <%@ Register Src="UserControls/Top.ascx" TagName="Top" TagPrefix="uc1" %> 
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 4.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
        <title>XXXXXXXXXXXXXXXXXXXX </title> 
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
        <link rel="Shortcut Icon" href="images/favicon.ico" /> 
        <link href="images/style.css" rel="stylesheet" type="text/css" />     <script type="text/javascript" src="JS/scrolltext.js"> </script> </head> 
    <body> 
        <form id="form1" runat="server"> 
        <div id="main" style="text-align: center;"> 
            <table width="1002" border="0" cellpadding="0" cellspacing="0" style="background-image: url(images/bg.jpg); 
                height: 100%"> 
                <tr style="vertical-align: top"> 
                    <td> 
                        <uc1:Top ID="Head1" runat="server" /> 
                    </td> 
                </tr> 
                <tr> 
                    <td> 
                        <table width="870" align="center" cellpadding="0" cellspacing="0" style="height: 100%; 
                            vertical-align: top;"> 
                            <tr> 
                                <td align="center" valign="middle"> 
                                    <asp:Literal ID="Literal1" runat="server"> </asp:Literal> 
                                    <br /> 
                                    <input type="button" value="点击我就看到效果了哦``" onclick="DIVAlert('测试!!!');" /> 
                                    <br /> 
                                    <br /> 
                                    <div id="scrollBox"> 
                                        为何暂停UN登记武器转让 中方做解释 <br> 
                                        追悼空军运输机遇难者 胡锦涛送花圈 <br> 
                                        中国控制互联网？外交部发言人驳斥 <br> 
                                        美国移民局逮2179人 包括1华人蛇头 <br> 
                                        奇男子能嚼咽双刃刀片 用鼻子喝茶 <br> 
                                        男子持塑料玩具枪 劫走四十多吨铜(图) <br> 
                                        餐馆当街宰小猫做肉丸 场面血腥(图) <br> 
                                        男子软禁妻子近5年 称是替其驱妖魔 <br> 
                                        男子杀死同居女友 与腐尸共宿八天 <br> 
                                        年轻妻子欲卖肾救夫 88篇日记感人 <br> 
                                        曾志伟父亲节双喜临门 获美荣誉博士 
                                    </div> 
                                   <script type="text/javascript"> 
                                    new ScrollBox("scrollBox").init(); 
                                   </script>
                                </td> 
                            </tr> 
                        </table> 
                    </td> 
                </tr> 
                <tr style="vertical-align: bottom"> 
                    <td> 
                        <uc2:Bottom ID="Bottom1" runat="server" /> 
                    </td> 
                </tr> 
            </table> 
        </div> 
        </form> 
    </body> 
    </html>
      

  3.   

    <script type="text/javascript"> 
    new ScrollBox("scrollBox").init(); 
    </script>不好意思，这个本来是加的，也没用的。
      

  4.   

    真实页面运行生成的HTML源代码贴下看看
      

  5.   

    试下这个，是你CSS样式没有添加的原因
    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="test.aspx.cs" Inherits="test" %> <%@ Register Src="UserControls/Bottom.ascx" TagName="Bottom" TagPrefix="uc2" %> 
    <%@ Register Src="UserControls/Top.ascx" TagName="Top" TagPrefix="uc1" %> 
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 4.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
        <title>XXXXXXXXXXXXXXXXXXXX </title> 
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
        <link rel="Shortcut Icon" href="images/favicon.ico" /> 
        <link href="images/style.css" rel="stylesheet" type="text/css" />     <script type="text/javascript" src="JS/scrolltext.js"> </script> 
    <style type="text/css"> 
    #scrollBox 
    { 
      width:250px; 
      height:40px; 
      line-height:20px; 
      overflow:hidden; 
      background-color:#eee; 
    } </style> </head> 
    <body> 
        <form id="form1" runat="server"> 
        <div id="main" style="text-align: center;"> 
            <table width="1002" border="0" cellpadding="0" cellspacing="0" style="background-image: url(images/bg.jpg); 
                height: 100%"> 
                <tr style="vertical-align: top"> 
                    <td> 
                        <uc1:Top ID="Head1" runat="server" /> 
                    </td> 
                </tr> 
                <tr> 
                    <td> 
                        <table width="870" align="center" cellpadding="0" cellspacing="0" style="height: 100%; 
                            vertical-align: top;"> 
                            <tr> 
                                <td align="center" valign="middle"> 
                                    <asp:Literal ID="Literal1" runat="server"> </asp:Literal> 
                                    <br /> 
                                    <input type="button" value="点击我就看到效果了哦``" onclick="DIVAlert('测试!!!');" /> 
                                    <br /> 
                                    <br /> 
                                    <div id="scrollBox"> 
                                        为何暂停UN登记武器转让 中方做解释 <br> 
                                        追悼空军运输机遇难者 胡锦涛送花圈 <br> 
                                        中国控制互联网？外交部发言人驳斥 <br> 
                                        美国移民局逮2179人 包括1华人蛇头 <br> 
                                        奇男子能嚼咽双刃刀片 用鼻子喝茶 <br> 
                                        男子持塑料玩具枪 劫走四十多吨铜(图) <br> 
                                        餐馆当街宰小猫做肉丸 场面血腥(图) <br> 
                                        男子软禁妻子近5年 称是替其驱妖魔 <br> 
                                        男子杀死同居女友 与腐尸共宿八天 <br> 
                                        年轻妻子欲卖肾救夫 88篇日记感人 <br> 
                                        曾志伟父亲节双喜临门 获美荣誉博士 
                                    </div> 
                                   <script type="text/javascript"> 
                                    new ScrollBox("scrollBox").init(); 
                                   </script>
                                </td> 
                            </tr> 
                        </table> 
                    </td> 
                </tr> 
                <tr style="vertical-align: bottom"> 
                    <td> 
                        <uc2:Bottom ID="Bottom1" runat="server" /> 
                    </td> 
                </tr> 
            </table> 
        </div> 
        </form> 
    </body> 
    </html>
      

  6.   

    完全引用你的代码,增加一点内容如下,就可以了,如下,你的估计没有错,JS文件的引用路径,区别大小问题要注意一样:scrolltext.js 文件
    function ScrollBox(uid) 
    { 
    this.scrollBox = document.getElementById(uid); 
    this.scrollBoxHeight = this.scrollBox.clientHeight; 
    this.scrollBoxInner = this.scrollBox.innerHTML; 
    this.scrollCol = this.scrolln = 0; 
    this.setScroll = function () 
    { 
      this.scrollBox.scrollTop = this.scrollCol + this.scrolln; 
      if(this.scrolln==this.scrollBoxHeight) 
      return this.addScroll() 
      else 
      this.scrolln ++; 
      var o = this; 
      function m(){o.setScroll();} 
      setTimeout(m,20); 
    } 
    this.addScroll = function () 
    { 
      this.scrollBox.innerHTML += " <br>" + this.scrollBoxInner; 
      this.scrollCol = this.scrollBox.scrollTop; 
      this.scrolln = 0; 
      var o = this; 
      function m(){o.setScroll();} 
      setTimeout(m,1000); 
    } 
    this.init = this.addScroll; 
    }---------------------------------------------------------------------------
    HTML页面:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 4.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
        <title>XXXXXXXXXXXXXXXXXXXX </title> 
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
        <link rel="Shortcut Icon" href="images/favicon.ico" /> 
        <link href="images/style.css" rel="stylesheet" type="text/css" /> 
    </head> 
    <script type="text/javascript" src="scrolltext.js"> </script> 
    <style type="text/css"> 
    * 
    { font-size:12px; } 
    #scrollBox 
    { 
      width:250px; 
      height:40px; 
      line-height:20px; 
      overflow:hidden; 
      background-color:#eee; 
    } </style> 
    <body> 
        <form id="form1" runat="server"> 
        <div id="main" style="text-align: center;"> 
            <table width="1002" border="0" cellpadding="0" cellspacing="0" style="background-image: url(images/bg.jpg); 
                height: 100%"> 
                <tr style="vertical-align: top"> 
                    <td> 
                        <uc1:Top ID="Head1" runat="server" /> 
                    </td> 
                </tr> 
                <tr> 
                    <td> 
                        <table width="870" align="center" cellpadding="0" cellspacing="0" style="height: 100%; 
                            vertical-align: top;"> 
                            <tr> 
                                <td align="center" valign="middle"> 
                                    <asp:Literal ID="Literal1" runat="server"> </asp:Literal> 
                                    <br /> 
                                    <input type="button" value="点击我就看到效果了哦``" onclick="DIVAlert('测试!!!');" /> 
                                    <br /> 
                                    <br /> 
                                    <div id="scrollBox"> 
                                        为何暂停UN登记武器转让 中方做解释 <br> 
                                        追悼空军运输机遇难者 胡锦涛送花圈 <br> 
                                        中国控制互联网？外交部发言人驳斥 <br> 
                                        美国移民局逮2179人 包括1华人蛇头 <br> 
                                        奇男子能嚼咽双刃刀片 用鼻子喝茶 <br> 
                                        男子持塑料玩具枪 劫走四十多吨铜(图) <br> 
                                        餐馆当街宰小猫做肉丸 场面血腥(图) <br> 
                                        男子软禁妻子近5年 称是替其驱妖魔 <br> 
                                        男子杀死同居女友 与腐尸共宿八天 <br> 
                                        年轻妻子欲卖肾救夫 88篇日记感人 <br> 
                                        曾志伟父亲节双喜临门 获美荣誉博士 
                                    </div> 
                                </td> 
                            </tr> 
                        </table> 
                    </td> 
                </tr> 
                <tr style="vertical-align: bottom"> 
                    <td> 
                        <uc2:Bottom ID="Bottom1" runat="server" /> 
                    </td> 
                </tr> 
            </table> 
        </div> 
        </form> 
    <script type="text/javascript"> 
    new ScrollBox("scrollBox").init(); 
    </script>
    </body> 
    </html>
      

  7.   

    放到
    </form>
     <script type="text/javascript"> 
    new ScrollBox("scrollBox").init(); 
    </script>
    </body>
    </html>可以了，这个和JS 文件的目录有什么关系呢？