求一段文字不间断滚动的代码

<marquee scrollamount='2' scrolldelay='70' direction= 'up' width='209' id=xiaoqing height='72' onmouseover=this.stop() onmouseout=this.start()>ddddddddddddddddddddddd</marquee>

解决方案 »

  1.   

    <HTML>
    <!-- #BeginTemplate "/Templates/Js.dwt" --> 
    <HEAD>
    <!-- #BeginEditable "doctitle" --> 
    <TITLE>Marquee效果生成器</TITLE>
    <!-- #EndEditable --> 
    <META http-equiv=Content-Type content="text/html; charset=gb2312">
    <LINK  href="../../fav.ico" rel="shortcut icon">
    <STYLE type=text/css>BODY {
    MARGIN: 25px 25px 25px
    }
    #all TD {
    FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋体", "宋体"
    }
    INPUT {
    FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋体", "宋体"
    }
    SELECT {
    FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋体", "宋体"
    }
    P {
    FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋体", "宋体"
    }
    TEXTAREA {
    FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋体", "宋体"
    }#all A:active {
    COLOR: #7d070c
    }
    #all A:visited {
    COLOR: #7d070c
    }#all A:hover {
    COLOR: #336699
    }
    #all A:link {
    COLOR: #7d070c
    }
    </STYLE>
    <SCRIPT language=JavaScript>
    <!--function MM_goToURL() { //v3.0
      var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
      for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
    }
    function JM_cc(ob){
    var obj=MM_findObj(ob); if (obj) { 
    obj.select();js=obj.createTextRange();js.execCommand("Copy");}
    }function MM_findObj(n, d) { //v4.0
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && document.getElementById) x=document.getElementById(n); return x;
    }
    //-->
    </SCRIPT>
    <META content="MSHTML 5.50.4134.600" name=GENERATOR>
    </HEAD>
    <BODY id=all text=#000000 bgColor=#336699>
    <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
      <TR bgColor=#ffffff> 
        <TD><IMG src="../images/sq_1.gif" width=11 height="14"></TD>
        <TD width="100%"></TD>
        <TD><IMG src="../images/sq_2.gif"    width=11 height="14"></TD>
      </TR>
    </TABLE>
    <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
      <TR bgColor=#ffffff> 
        <TD><IMG src="../../images/space.gif" width=11 height="1"></TD>
        <TD width="100%"> 
          <table width="100%" border="0" cellpadding="8">
            <tr> 
              <td align="center"> 
                <script language="JavaScript">
    document.write("<font color=#7d070c style=\"font-size: 14px\">"+document.title+"</font>");
    </script>
              </td>
            </tr>
            <tr> 
              <td bgcolor="#f7f7f7"><!-- #BeginEditable "example" --> 提示:在下面输入相应的数据来查看效果，其实效果很简单，但我们主要是学习如何写这个东西，看看源代码 
                :) <br>
                <p> <object id=m 
          style="BORDER-RIGHT: black 1pt solid; BORDER-TOP: black 1pt solid; BORDER-LEFT: black 1pt solid; BORDER-BOTTOM: black 1pt solid" 
          data=js/marquee.htm width=300 height=100 type=text/x-scriptlet>
                  </object> 
                <script>
    <!--
      window.onload = new Function("m.text = txt.value")
    // -->
    </script>
                <table>
                  <tbody> 
                  <tr> 
                    <td valign=top> 
                      <table>
                        <tbody> 
                        <tr> 
                          <td>滚动内容
                          <td> 
                            <textarea id=txt rows=3 cols=40 onChange=m.text=this.value name="textarea">&lt;h1&gt;欢迎访问无忧脚本 www.51js.com !&lt;/h1&gt;</textarea>
                        <tr> 
                          <td>长度: 
                          <td> 
                            <input onChange=m.style.width=this.value name="Input">
                        <tr> 
                          <td>宽度: 
                          <td> 
                            <input onChange=m.style.height=this.value name="Input">
                        <tr> 
                          <td>字体颜色: 
                          <td> 
                            <input onChange=m.color=this.value name="Input">
                            <br>
                        <tr> 
                          <td>背景颜色: 
                          <td> 
                            <input onChange=m.background=this.value name="Input">
                        <tr> 
                          <td>移动速度: 
                          <td> 
                            <input onChange=m.speed=this.value name="Input">
                            <br>
                        <tr> 
                          <td>数量: 
                          <td> 
                            <input onChange=m.amount=this.value name="Input">
                        </tr>
                        </tbody> 
                      </table>
                    </td>
                    <td valign=top> 
                      <table>
                        <tbody> 
                        <tr> 
                          <td>是否交替?: 
                          <td> 
                            <input onClick=m.alternate=this.checked type=checkbox name="checkbox">
                            <br>
                        <tr> 
                          <td>滑动: 
                          <td> 
                            <input onClick=m.slide=this.checked type=checkbox name="checkbox">
                            <br>
                        <tr> 
                          <td colspan=2> 
                            <input onClick="m.direction='left'" type=button value=left name="button">
                            <input onClick="m.direction='right'" type=button value=right name="button">
                            <input onClick="m.direction='up'" type=button value=up name="button">
                            <input onClick="m.direction='down'" type=button value=down name="button">
                            <br>
                            <input onClick=m.stop() type=button value=Stop name="button">
                            <input onClick=m.start() type=button value=Start name="button">
                            <input onClick=m.reset() type=button value=Reset name="button">
                            <input onClick=m.autoSize() type=button value=Autosize name="button">
                          </td>
                        </tr>
                        </tbody> 
                      </table>
                    </td>
                  </tr>
                  </tbody> 
                </table>
                <!-- #EndEditable --></td>
            </tr>
            <tr> 
              <td><!-- #BeginEditable "code" --><br>
                <!-- #EndEditable --></td>
            </tr>
          </table>
        </TD>
        <TD><IMG src="../../images/space.gif"    width=11 height="1"></TD>
      </TR>
    </TABLE>
    <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
      <TR bgColor=#ffffff> 
        <TD><IMG src="../images/sq_3.gif" width=11 height="14"></TD>
        <TD width="100%"></TD>
        <TD><IMG src="../images/sq_4.gif"    width=11 height="14"></TD>
      </TR>
    </TABLE>
    </BODY>
    <!-- #EndTemplate -->
    </HTML>
      

  2.   

    <div id=demo  style=overflow:hidden;height:122;width:"760";>
    <table border=0 cellspacing=0 cellpadding=0 >
    <tr>
    <td id=demo1 valign=top>123333333333333444444444444444444444444444444555555555555555555555555555555555555566666666666666666666666666677777777777777777777777777777788888888888888888888888889999999999999999999999999999000000000000000000000000000000000
    </td>
     <td id=demo2 valign=top></td>
     </tr></table>
     </div>
       <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>