用MSClass滚动图片在普通HTML页面没问题，ASPX页面就是不行

这个问题实在郁闷。用网上的MSClass.js 做滚动图片效果，放着普通的html 页面没啥问题，放着aspx 里就是不行？
请大家帮帮忙，分数不够再可以加！MSClass.js  (是 http://www.popub.net/script/MSClass.html 下载的）
---- test.htm ----<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>jkhjklhkhk</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script src="MSClass.js" language="javascript"></script>
</head>
<body>
<div>
            <fieldset style="padding: 5px;">
                <div id="marqueediv6" style="width: 760px; height: 52px; overflow: hidden;">
                    <img src="images/icon_zfb.gif" width="150" height="50" border="0" hspace="1">
                    <img src="images/icon_zfb.gif" width="150" height="50" border="0" hspace="1">
                    <img src="images/icon_zfb.gif" width="150" height="50" border="0" hspace="1">
                    <img src="images/bmfd.gif" width="150" height="50" border="0" hspace="1">
                    <img src="images/guangming.gif" width="150" height="50" border="0" hspace="1">
                    <img src="images/liangan.gif" width="150" height="50" border="0" hspace="1">
                    <img src="images/klk.gif" width="150" height="50" border="0" hspace="1">
                    <img src="images/old.gif" width="150" height="50" border="0" style="border-color: #cccccc"
                        hspace="1">
                    <img src="images/yangyang.gif" width="150" height="50" border="0" hspace="1">
                    <img src="images/hanch.gif" width="150" height="50" border="0" hspace="1">
                </div>                <script type="text/javascript" defer>                new Marquee("marqueediv6",2,1,760,52,20,0,0).Start();
                </script>                                     </fieldset>
        </div></body></html>
default2.aspx<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>jkhjklhkhk</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />    <script src="JS/MSClass.js" language="javascript"></script></head>
<body>
    <div>
        <fieldset style="padding: 5px;">
            <div id="marqueediv6" style="width: 760px; height: 52px; overflow: hidden;">
                <img src="images/icon_zfb.gif" width="150" height="50" border="0" hspace="1">
                <img src="images/icon_zfb.gif" width="150" height="50" border="0" hspace="1">
                <img src="images/icon_zfb.gif" width="150" height="50" border="0" hspace="1">
                <img src="images/bmfd.gif" width="150" height="50" border="0" hspace="1">
                <img src="images/guangming.gif" width="150" height="50" border="0" hspace="1">
                <img src="images/liangan.gif" width="150" height="50" border="0" hspace="1">
                <img src="images/klk.gif" width="150" height="50" border="0" hspace="1">
                <img src="images/old.gif" width="150" height="50" border="0" style="border-color: #cccccc"
                    hspace="1">
                <img src="images/yangyang.gif" width="150" height="50" border="0" hspace="1">
                <img src="images/hanch.gif" width="150" height="50" border="0" hspace="1">
            </div>            <script type="text/javascript" defer>                new Marquee("marqueediv6",2,1,760,52,20,0,0).Start();
            </script>        </fieldset>
    </div>
</body>
</html>

解决方案 »

  1.   

    <script src="MSClass.js" language="javascript"></script>
    <script src="JS/MSClass.js" language="javascript"></script>
      

  2.   

    不好意思，复制错了， 第一个也是 <script src="JS/MSClass.js" language="javascript"> </script> 
      

  3.   

    文件路径是否正确
    页面提示什么错误，在aspx使用JS试试
      

  4.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 把这句去掉试试！曾经遇到过这种问题！！
      

  5.   

    MSClass.js代码放在页面看看
    还有是编码方式不同导致
      

  6.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML  这句话去掉也没用。 同样的代码贴到同样目录的html 就可以滚动，asp.net 就不行。 运行aspx页面是左下角会有个黄色感叹号说，
    行： 28
    字符： 17
    错误： ‘Marquee’ 未定义。  （但在MSClass.js已经定义了）
    下面是html,aspx 都有的。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>jkhjklhkhk</title>    <script type="text/javascript" src="MSClass.js" language="javascript"></script></head>
    <body>
        <div>
            <fieldset style="padding: 5px;">
                <div id="marqueediv6" style="width: 760px; height: 52px; overflow: hidden;">
                    <img src="images/icon_zfb.gif" width="150" height="50" alt=""/>
                    <img src="images/icon_zfb.gif" width="150" height="50" alt=""/>
                    <img src="images/icon_zfb.gif" width="150" height="50" alt=""/>
                    <img src="images/icon_zfb.gif" width="150" height="50" alt=""/>
                    <img src="images/icon_zfb.gif" width="150" height="50" alt=""/>
                    <img src="images/icon_zfb.gif" width="150" height="50" alt=""/>
                    <img src="images/icon_zfb.gif" width="150" height="50" alt=""/>
                    <img src="images/icon_zfb.gif" width="150" height="50" alt=""/>
                    <img src="images/icon_zfb.gif" width="150" height="50" alt=""/>
                    <img src="images/icon_zfb.gif" width="150" height="50" alt=""/>
                </div>            <script type="text/javascript" defer="defer">
                    new Marquee("marqueediv6",2,1,760,52,20,0,0).Start();
                </script>        </fieldset>
        </div>
    </body>
    </html>
    --------------------------------------------------------------
    aspx 就多了下面这段<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>
      

  7.   

    MSClass.jsfunction Marquee()
    {
    this.ID = document.getElementById(arguments[0]);
    if(!this.ID)
    {
    alert("您要设置的\"" + arguments[0] + "\"初始化错误\r\n请检查标签ID设置是否正确!");
    this.ID = -1;
    return;
    }
    this.Direction = this.Width = this.Height = this.DelayTime = this.WaitTime = this.CTL = this.StartID = this.Stop = this.MouseOver = 0;
    this.Step = 1;
    this.Timer = 30;
    this.DirectionArray = {"top":0 , "up":0 , "bottom":1 , "down":1 , "left":2 , "right":3};
    if(typeof arguments[1] == "number" || typeof arguments[1] == "string")this.Direction = arguments[1];
    if(typeof arguments[2] == "number")this.Step = arguments[2];
    if(typeof arguments[3] == "number")this.Width = arguments[3];
    if(typeof arguments[4] == "number")this.Height = arguments[4];
    if(typeof arguments[5] == "number")this.Timer = arguments[5];
    if(typeof arguments[6] == "number")this.DelayTime = arguments[6];
    if(typeof arguments[7] == "number")this.WaitTime = arguments[7];
    if(typeof arguments[8] == "number")this.ScrollStep = arguments[8];
    this.ID.style.overflow = this.ID.style.overflowX = this.ID.style.overflowY = "hidden";
    this.ID.noWrap = true;
    this.IsNotOpera = (navigator.userAgent.toLowerCase().indexOf("opera") == -1);
    if(arguments.length >= 7)this.Start();
    }Marquee.prototype.Start = function()
    {
    if(this.ID == -1)return;
    if(this.WaitTime < 800)this.WaitTime = 800;
    if(this.Timer < 20)this.Timer = 20;
    if(this.Width == 0)this.Width = parseInt(this.ID.style.width);
    if(this.Height == 0)this.Height = parseInt(this.ID.style.height);
    if(typeof this.Direction == "string")this.Direction = this.DirectionArray[this.Direction.toString().toLowerCase()];
    this.HalfWidth = Math.round(this.Width / 2);
    this.HalfHeight = Math.round(this.Height / 2);
    this.BakStep = this.Step;
    this.ID.style.width = this.Width + "px";
    this.ID.style.height = this.Height + "px";
    if(typeof this.ScrollStep != "number")this.ScrollStep = this.Direction > 1 ? this.Width : this.Height;
    var templateLeft = "<table cellspacing='0' cellpadding='0' style='border-collapse:collapse;display:inline;'><tr><td noWrap=true style='white-space: nowrap;word-break:keep-all;'>MSCLASS_TEMP_HTML</td><td noWrap=true style='white-space: nowrap;word-break:keep-all;'>MSCLASS_TEMP_HTML</td></tr></table>";
    var templateTop = "<table cellspacing='0' cellpadding='0' style='border-collapse:collapse;'><tr><td>MSCLASS_TEMP_HTML</td></tr><tr><td>MSCLASS_TEMP_HTML</td></tr></table>";
    var msobj = this;
    msobj.tempHTML = msobj.ID.innerHTML;
    if(msobj.Direction <= 1)
    {
    msobj.ID.innerHTML = templateTop.replace(/MSCLASS_TEMP_HTML/g,msobj.ID.innerHTML);
    }
    else
    {
    if(msobj.ScrollStep == 0 && msobj.DelayTime == 0)
    {
    msobj.ID.innerHTML += msobj.ID.innerHTML;
    }
    else
    {
    msobj.ID.innerHTML = templateLeft.replace(/MSCLASS_TEMP_HTML/g,msobj.ID.innerHTML);
    }
    }
    var timer = this.Timer;
    var delaytime = this.DelayTime;
    var waittime = this.WaitTime;
    msobj.StartID = function(){msobj.Scroll()}
    msobj.Continue = function()
    {
    if(msobj.MouseOver == 1)
    {
    setTimeout(msobj.Continue,delaytime);
    }
    else
    { clearInterval(msobj.TimerID);
    msobj.CTL = msobj.Stop = 0;
    msobj.TimerID = setInterval(msobj.StartID,timer);
    }
    } msobj.Pause = function()
    {
    msobj.Stop = 1;
    clearInterval(msobj.TimerID);
    setTimeout(msobj.Continue,delaytime);
    } msobj.Begin = function()
    {
    msobj.ClientScroll = msobj.Direction > 1 ? msobj.ID.scrollWidth / 2 : msobj.ID.scrollHeight / 2;
    if((msobj.Direction <= 1 && msobj.ClientScroll <= msobj.Height + msobj.Step) || (msobj.Direction > 1 && msobj.ClientScroll <= msobj.Width + msobj.Step)) {
    msobj.ID.innerHTML = msobj.tempHTML;
    delete(msobj.tempHTML);
    return;
    }
    delete(msobj.tempHTML);
    msobj.TimerID = setInterval(msobj.StartID,timer);
    if(msobj.ScrollStep < 0)return;
    msobj.ID.onmousemove = function(event)
    {
    if(msobj.ScrollStep == 0 && msobj.Direction > 1)
    {
    var event = event || window.event;
    if(window.event)
    {
    if(msobj.IsNotOpera)
    {
    msobj.EventLeft = event.srcElement.id == msobj.ID.id ? event.offsetX - msobj.ID.scrollLeft : event.srcElement.offsetLeft - msobj.ID.scrollLeft + event.offsetX;
    }
    else
    {
    msobj.ScrollStep = null;
    return;
    }
    }
    else
    {
    msobj.EventLeft = event.layerX - msobj.ID.scrollLeft;
    }
    msobj.Direction = msobj.EventLeft > msobj.HalfWidth ? 3 : 2;
    msobj.AbsCenter = Math.abs(msobj.HalfWidth - msobj.EventLeft);
    msobj.Step = Math.round(msobj.AbsCenter * (msobj.BakStep*2) / msobj.HalfWidth);
    }
    }
    msobj.ID.onmouseover = function()
    {
    if(msobj.ScrollStep == 0)return;
    msobj.MouseOver = 1;
    clearInterval(msobj.TimerID);
    }
    msobj.ID.onmouseout = function()
    {
    if(msobj.ScrollStep == 0)
    {
    if(msobj.Step == 0)msobj.Step = 1;
    return;
    }
    msobj.MouseOver = 0;
    if(msobj.Stop == 0)
    {
    clearInterval(msobj.TimerID);
    msobj.TimerID = setInterval(msobj.StartID,timer);
    }
    }
    }
    setTimeout(msobj.Begin,waittime);
    }Marquee.prototype.Scroll = function()
    {
    switch(this.Direction)
    {
    case 0:
    this.CTL += this.Step;
    if(this.CTL >= this.ScrollStep && this.DelayTime > 0)
    {
    this.ID.scrollTop += this.ScrollStep + this.Step - this.CTL;
    this.Pause();
    return;
    }
    else
    {
    if(this.ID.scrollTop >= this.ClientScroll)
    {
    this.ID.scrollTop -= this.ClientScroll;
    }
    this.ID.scrollTop += this.Step;
    }
    break; case 1:
    this.CTL += this.Step;
    if(this.CTL >= this.ScrollStep && this.DelayTime > 0)
    {
    this.ID.scrollTop -= this.ScrollStep + this.Step - this.CTL;
    this.Pause();
    return;
    }
    else
    {
    if(this.ID.scrollTop <= 0)
    {
    this.ID.scrollTop += this.ClientScroll;
    }
    this.ID.scrollTop -= this.Step;
    }
    break; case 2:
    this.CTL += this.Step;
    if(this.CTL >= this.ScrollStep && this.DelayTime > 0)
    {
    this.ID.scrollLeft += this.ScrollStep + this.Step - this.CTL;
    this.Pause();
    return;
    }
    else
    {
    if(this.ID.scrollLeft >= this.ClientScroll)
    {
    this.ID.scrollLeft -= this.ClientScroll;
    }
    this.ID.scrollLeft += this.Step;
    }
    break; case 3:
    this.CTL += this.Step;
    if(this.CTL >= this.ScrollStep && this.DelayTime > 0)
    {
    this.ID.scrollLeft -= this.ScrollStep + this.Step - this.CTL;
    this.Pause();
    return;
    }
    else
    {
    if(this.ID.scrollLeft <= 0)
    {
    this.ID.scrollLeft += this.ClientScroll;
    }
    this.ID.scrollLeft -= this.Step;
    }
    break;
    }
    }
      

  8.   

    问题解决了， 果然是编码问题，我把那个MSClass.js 用UTF8格式重新保持了下就对了。