怎样使一句话连续滚动 用marquee

怎样使一句话连续滚动 用marquee
就是滚动了一半 后面的又接着滚动

解决方案 »

  1.   

    <marquee direction="left" id="marquee1" style="background-color:Transparent;" scrollamount="5" onmouseover="this.stop()" onmouseout="this.start()" width="100%" ><nobr>消息条长啊长</nobr></marquee>
      

  2.   

    http://www.google.cn/search?complete=1&hl=zh-CN&q=%E6%97%A0%E7%BC%9D%E6%BB%9A%E5%8A%A8&meta=
      

  3.   

    不用marquee,自己写JS控制，可以让滚动更平滑
      

  4.   

    <div id=demo style=overflow:hidden;height:40;width:300;color:#ffffff><table align=left cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=top>
    <img src="<a href="http://www.yd631.com/blog/images/logo.gif" target="_blank">http://www.yd631.com/blog/images/logo.gif</a>"  width=88 heigth=31> 
    <img src="<a href="http://www.yd631.com/blog/images/logo.gif" target="_blank">http://www.yd631.com/blog/images/logo.gif</a>" width=88 heigth=31> 
    </td><td id=demo2 valign=top></td><td id=demo3 valign=top></td><td id=demo4 valign=top></td>
    <td id=demo5 valign=top></td><td id=demo6 valign=top></td></tr></table></div>
      <script>
      var speed=30
      demo2.innerHTML=demo1.innerHTML;
      demo3.innerHTML=demo1.innerHTML;
      demo4.innerHTML=demo1.innerHTML;
      demo5.innerHTML=demo1.innerHTML;
      demo6.innerHTML=demo1.innerHTML ;
       function Marquee(){
      if(demo6.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>
      

  5.   

    <marquee direction="left" scrollamount="4" onMouseOver="this.stop()" onMouseOut="this.start()">
    <p class="Scroll"><asp:Label ID="labSysMessage" Runat=server></asp:Label>
    </marquee>
      

  6.   

    http://blog.soelin.cn/tec/hc/2006/12/260.asp
    可以看看，marquee滚动闪眼
      

  7.   

    <!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>   
      <meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312"   />   
      <title>无缝滚动</title>   
      </head>   
        
      <body>   
      <style>a{display:block;font-size:15px};</style>   
      <div   id="div1" style="width:300px;height:68px;overflow:hidden">  
      <div  id="div2" style="margin-top:0px;line-height:20px;"> 
          <a   href="javascript:">1,你可曾有过无数的梦想，</a>   
          <a   href="javascript:">2,却在时光的流逝里幻灭   </a>   
          <a   href="javascript:">3,你可曾对未来期待憧憬，</a>   
          <a   href="javascript:">4,却在成长的岁月中迷失</a>   
          <a   href="javascript:">5,CSDN中国程序员论坛</a>   
          <a   href="javascript:">6,大家一起来</a>   
          <a   href="javascript:">7,好象都很不错的样子</a>   
      </div>  </div> 
    <input type=text id=text1>    
      <script> 
    var bb;  
      function scrolln(id,samont,step)
    {
        var  d=document.getElementById(id);
        if(!d.scrolln)
        {
           if(step)
           {         d.step=step;d.samont=samont;
           }
           d.scrolln=setInterval("scrolln('"+id+"')",d.samont);//不同的是setTimeout()是一次性作用,而setInterval()是每隔iMilliSeconds就执行一次
           d.onmouseover=function()
           {
              clearInterval(this.scrolln);
              this.scrolln=null;
           }   
          d.onmouseout=function()
          {
            scrolln(this.id)
          }
        }
        var top=parseInt(d.style.marginTop);  // 方法用于字符串转换为数字
        var lineheight=parseInt(d.style.lineHeight);    if(top>-lineheight)
        {
          d.style.marginTop=(top-d.step)+"px";
         //text1.value= d.style.marginTop+"/"+top+"/"+lineheight+"/"+d.step+"/"+d.firstChild;
        }
        else
        {
         do
         {
            var o=d.firstChild; 
            d.removeChild(o); 
            d.appendChild(o); 
         }
         while(!d.firstChild.tagName) 
         d.style.marginTop="0px";
        }
    }
    //第一个参数为要滚动块的标签id,第二个参数为滚动间隔时间，第三个参数为滚动距离px
      scrolln("div2",100,1);
      </script>   
      </body>   
      </html>
      

  8.   

    这个是从右往左滚动的
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>无标题文档</title>
    </head><body><DIV id=demo  style="OVERFLOW: hidden; WIDTH: 660px; HEIGHT: 190px;">
       <table border="0" cellspacing="0" cellpadding="0">
          <tr>
             <td valign="top"  id=demo1>            <!-- 要循环滚动的图片 -->
                <table width="660" border="0" align="center" cellpadding="0" cellspacing="0" >
                   <tr>
                      <td width="220" height="150" align="center">
                         <img src="images/无标题.bmp" width="215" height="147" border="0" />
                      </td>
                      <td width="220" height="150"align="center">
                        <img src="images/无标题.bmp" width="215" height="147" border="0" /> </td>
                      <td  width="220"align="center">
                         <img src="images/无标题.bmp" width="215" height="147" border="0" />
                      </td>
                   </tr>
                </table>         </td>
             <TD id=demo2 width=1></TD>
          </tr>
       </table>
    </DIV> 
    <SCRIPT language="javascript">
       var speed=30//速度数值越大速度越慢
       
       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></body>
    </html>
      

  9.   

    这个是从上网下滚动的 
    <DIV id=demo  style="OVERFLOW: hidden; WIDTH: 600px; HEIGHT: 160px;">
       <table border="0" cellspacing="0" cellpadding="0">
          <tr>
             <td valign="top"  id=demo1>            <!-- 要循环滚动的图片 -->
                <table width="600" border="0" align="center" cellpadding="0" cellspacing="0"  height="160">
                   <tr>
                      <td width="200" height="160" align="center">
                         <img src="images/无标题.bmp" width="194" height="160" border="0" />
                      </td>
                      <td width="200" height="160"align="center">                   <img src="images/无标题.bmp" width="194" height="160" border="0" /> </td>
                      <td  width="200" height="160" align="center">         <img src="images/无标题.bmp" width="194" height="160" border="0" /> </td>
                   </tr>
               </table>         </td>
             <!--<TD id=demo2 width=1></TD>-->
          </tr>
      <tr><td id=demo2  height="1"></td></tr>
       </table>
    <script > 
    var speed=35
    demo2.innerHTML=demo1.innerHTML 
    demo.scrollTop=demo.scrollHeight 
    function Marquee(){ 
    if(demo1.offsetTop-demo.scrollTop>=0) 
    demo.scrollTop+=demo2.offsetHeight 
    else{ 
    demo.scrollTop-- 
    } 
    } 
    var MyMar=setInterval(Marquee,speed) 
    demo.onmouseover=function() {clearInterval(MyMar)} 
    demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)} 
    </script>  
      

  10.   

    <marquee direction="left" id="marquee1" style="background-color:Transparent;" scrollamount="5" onmouseover="this.stop()" onmouseout="this.start()" width="100%" ><nobr>4576758678568977</nobr></marquee>
      

  11.   

    jinpeng_dotnet()  我用了从右往左滚动 但会报脚本错误demo2没有定义 为什么希望本人和路过看到的 能解一下
      

  12.   

    <DIV id=demo  style="OVERFLOW: hidden; WIDTH: 660px; HEIGHT: 190px;">
       <table border="0" cellspacing="0" cellpadding="0">
          <tr>
             <td valign="top"  id=demo1>            <!-- 要循环滚动的图片 -->
                <table width="660" border="0" align="center" cellpadding="0" cellspacing="0" >
                   <tr>
                      <td width="220" height="150" align="center">
                         <img src="images/无标题.bmp" width="215" height="147" border="0" />
                      </td>
                      <td width="220" height="150"align="center">
                        <img src="images/无标题.bmp" width="215" height="147" border="0" /> </td>
                      <td  width="220"align="center">
                         <img src="images/无标题.bmp" width="215" height="147" border="0" />
                      </td>
                   </tr>
                </table>         </td>
             <TD id=demo2 width=1></TD>
          </tr>
       </table>
    </DIV> 
    <SCRIPT language="javascript">
       var speed=30//速度数值越大速度越慢
       
       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>=========把这个放到html中没有错误呀
      

  13.   

    帮忙呀 放到.aspx页中就有问题
      

  14.   

    在要显示的位置加上:
    <!--#include file="图片滚动.asp"-->
      

  15.   

    脚本错误  demo2没有定义
      

  16.   

    var demo2 = document.getElementById("demo2");
    var demo = document.getElementById("demo");
    var demo1 = document.getElementById("demo1");
      

  17.   

    我调试通过了的阿。你把我的代码拷贝过去。
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <title>无标题文档</title>
    <meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1">
    <meta name="CODE_LANGUAGE" content="Visual Basic .NET 7.1">
    <meta name="vs_defaultClientScript" content="JavaScript">
    <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">


    </HEAD>
    <body><form>
    <DIV id=demo style="OVERFLOW: hidden; WIDTH: 660px; HEIGHT: 190px">
    <table border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td valign="top" id=demo1>
    <!-- 要循环滚动的图片 -->
    <table width="660" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
    <td width="220" height="150" align="center">
    <img src="images/无标题.bmp" width="215" height="147" border="0">
    </td>
    <td width="220" height="150" align="center">
    <img src="images/无标题.bmp" width="215" height="147" border="0">
    </td>
    <td width="220" align="center">
    <img src="images/无标题.bmp" width="215" height="147" border="0">
    </td>
    </tr>
    </table>

    </td>
    <td id=demo2 width="1"></td>
    </tr>
    </table>

    </DIV>
    </form>
    <SCRIPT language="javascript">
    var speed=30  ;

    var demo2 = document.getElementById("demo2");
    var demo = document.getElementById("demo");
    var demo1 = document.getElementById("demo1");

    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>
    </body>
    </HTML>
      

  18.   

    <SCRIPT >要放在后面，因为对象还没有加载，所以会出现这样的问题。
      

  19.   

    <DIV id=demo style="OVERFLOW: hidden;">
                    <table border="0" cellspacing="0" cellpadding="0">
                    <tr>
                    <td id=demo1>
                    <table width="400" border="0" align="center" cellpadding="0" cellspacing="0" >
                   <tr><td>品质铸就卓越 
                      服务源于永恒 
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
            </tr>
            </table>
    </td><TD id=demo2 width=1></TD></tr></table></DIV>
    =====================会不会你的图片 而我是的一句话呢 出现错误呢 有没有可能
      

  20.   

    和<td>里面放什么东西没有关系，原理是对的，你不要更改里面的数字值，因为他们都是成对出现的，你要是修改了必须是一样的才可以。
      

  21.   

    <DIV id=demo style="OVERFLOW: hidden; WIDTH: 660px; HEIGHT: 190px">
    <table width="660" border="0" align="center" cellpadding="0" cellspacing="0">
    width 是一样大小才可以的
      

  22.   

    <SCRIPT >要放在后面，因为对象还没有加载，所以会出现这样的问题。我照你这样做了 错误是没有了 但是不滚动了 出来两句 品质铸就卓越   服务源于永恒 
    导致页面 都不美观了
                    
      

  23.   

    <%@ Page language="c#" Codebehind="WebForm4.aspx.cs" AutoEventWireup="false" Inherits="houseweb.WebForm4" %>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" > <html>
      <head>
        <title>WebForm4</title>
        <meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
        <meta name="CODE_LANGUAGE" Content="C#">
        <meta name=vs_defaultClientScript content="JavaScript">
        <meta name=vs_targetSchema content="http://schemas.microsoft.com/intellisense/ie5">
          </head>
      <body MS_POSITIONING="GridLayout">

        <form id="Form1" method="post" runat="server">
     <DIV id=demo>
                    <table border="0" cellspacing="0" cellpadding="0" width=100%>
                    <tr>
                    <td id=demo1 width=399>
                    <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" >
                   <tr><td width=100%>品质铸就卓越 
                      服务源于永恒 
            !&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
            </tr>
            </table>
    </td><TD id=demo2 width=1></TD></tr></table></DIV>
         </form>

      </body>
        <SCRIPT language="javascript">
    var speed=30  ;

    var demo2 = document.getElementById("demo2");
    var demo = document.getElementById("demo");
    var demo1 = document.getElementById("demo1");

    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>
    </html>
      

  24.   

    <DIV id=demo style="OVERFLOW: hidden; WIDTH: 660px; HEIGHT: 190px">
    <table border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td valign="top" id=demo1>
    <!-- 要循环滚动的图片 -->
    <table width="660" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
    <td width="220" height="150" align="center">
    <img src="images/无标题.bmp" width="215" height="147" border="0">
    </td>
    <td width="220" height="150" align="center">
    <img src="images/无标题.bmp" width="215" height="147" border="0">
    </td>
    <td width="220" align="center">
    <img src="images/无标题.bmp" width="215" height="147" border="0">
    </td>
    </tr>
    </table>

    </td>
    <td id=demo2 width="1"></td>
    </tr>
    </table>
    请把代码好好看下
     <DIV id=demo>指定他的大小
    第２个<table>也指定好大小，先别用Ｗｉｄｔｈ＝１００％
    都先指定大小
      

  25.   

    你按照我的代码重新写一遍，一点都不要差，不可能不好用的
    <HTML>
    <HEAD>
    <title>无标题文档</title>
    <meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1">
    <meta name="CODE_LANGUAGE" content="Visual Basic .NET 7.1">
    <meta name="vs_defaultClientScript" content="JavaScript">
    <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">


    </HEAD>
    <body>
    <DIV id=demo style="OVERFLOW: hidden; WIDTH: 660px; HEIGHT: 190px">
    <table border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td valign="top" id=demo1>
    <!-- 要循环滚动的图片 -->
    <table width="660" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
    <td width="220" height="150" align="center">
    <img src="images/无标题.bmp" width="215" height="147" border="0">
    </td>
    <td width="220" height="150" align="center">
    <img src="images/无标题.bmp" width="215" height="147" border="0">
    </td>
    <td width="220" align="center">
    <img src="images/无标题.bmp" width="215" height="147" border="0">
    </td>
    </tr>
    </table>

    </td>
    <td id=demo2 width="1"></td>
    </tr>
    </table>

    </DIV>

    <SCRIPT language="javascript">
    var speed=30  ;

    var demo2 = document.getElementById("demo2");
    var demo = document.getElementById("demo");
    var demo1 = document.getElementById("demo1");

    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>
    </body>
    </HTML>