打印

[HTML代码]会移动的文字(Marquee)

Marquee标记用于在可用浏览区域中滚动文本。这个标记只适用于IE3以后的版的浏览器。 
    格式: 
    <MARQUEE ALIGN="…" 
    BEHAVIOR="…" 
    BGCOLOR="…" 
    DIRECTION="…" 
    HEIGHT="…" 
    WIDTH="…" 
    HSPACE="…" 
    VSPACE="…" 
    LOOP="…" 
    SCROLLAMOUNT="…" 
    SCROLLDELAY="…" 
        ONMOUSEOUT=this.start()
        ONMOUSEOVER=this.stop()
    >… 
    </MARQUEE> 
   
    属性: 
    ALIGN:用于按设定的值对齐滚动的文本。ALIGN可以设定的值有:LEFT,CENTER,RIGHT,TOP,BOTTOM。此属性不是必须使用的。 
    例: 
    <MARQUEE ALIGN="TOP">这段滚动文字设定为上对齐</MARQUEE> 
   
   
    BEHAVIOR:可以在页面上一旦出现文本时让浏览器按照设定的方法来处理文本。如果设定的方法是SLIDE,那么文本就移动到文档上,并停留在页边距上。如果设定为ALTERNATE,则文本从一边移动到另一边。如果设定为SCROLL,文本将在页面上反复滚动。本属性不是必须使用的。可以设定的值有:SILIDE,ALTERNATE,SCROLL。 
    例: 
    <MARQUEE BEHAVIOR="ALTERNATE">文字从一边移动到另一边</MARQUEE> 
   
   
    BGCOLOR:用于设定字幕的背景颜色。背景颜色可用RGB、16进制值的格式或颜色名称来设定。 
    例: 
    <MARQUEE BGCOLOR="RED">用颜色名称设定滚动文字背景颜色为红色</MARQUEE> 
    <MARQUEE BGCOLOR="#FF0000">用16进制值设定滚动文字背景颜色为红色</MARQUEE> 
    <MARQUEE BGCOLOR=RGB(100%,0%,0%)>用RGB设定滚动文字背景颜色为红色</MARQUEE> 
      
    DIRECTION:用于设定文本滚动的方向,可以设定的值有:LEFT,RIGHT。此属性不是必须使用的。 
    例: 
    <MARQUEE DIRECTION="LEFT">文字向左边滚动</MARQUEE> 
    <MARQUEE DIRECTION="RIGHT">文字向右边滚动</MARQUEE> 
   
           HEIGHT:用于设定滚动字幕的高度,高度可用像素或可视页面的百分比来表示。此属性不是必须使用的。 
    例: 
    <MARQUEE HEIGHT="10%">滚动字幕的高度是可视页面的10%</MARQUEE> 
    <MARQUEE HEIGHT="12">滚动字幕的高度是12像素</MARQUEE> 
      
    WIDTH:用于设定字幕的宽度,宽度可用像素或可视页面的百分比来表示。此属性不是必须使用的。 
    例: 
    <MARQUEE WIDTH="90%">滚动字幕的宽度是可视页面的90%</MARQUEE> 
    <MARQUEE WIDTH="200">滚动字幕的宽度是200像素</MARQUEE> 
      
    HSPACE:用于设定滚动字幕左右的空白空间,空白空间用像素表示。此属性不是必须使用的。 
    例: 
    <MARQUEE HSPACE="15">滚动字幕左右空白空间为15个像素</MARQUEE> 
     
    VSPACE:用于设定滚动字幕上下的空白空间,空白空间用像素表示。此属性不是必须使用的。 
    例: 
    <MARQUEE VSPACE="2">滚动字幕上下的空白空间为2个像素</MARQUEE> 
     
    LOOP:用于设定滚动字幕的滚动次数。当LOOP的值为"INFINITE"或是"-1"时,则文字会无限制地滚动。此属性不是必须使用的。 
    例: 
    <MARQUEE LOOP="-1">文字滚动无数次</MARQUEE> 
    <MARQUEE LOOP="5">文字滚动5次</MARQUEE> 
   
    SCROLLAMOUNT:用于设定每个连续滚动文本后面的间隔,该间隔用像素表示。此属性不是必须使用的。 
    例: 
    <MARQUEE SCROLLAMOUNT="10">此文本后面的间隔为10个像素</MARQUEE> 
      
    SCROLLDELAY:用于设定两次滚动操作之间的间隔时间,该时间以毫秒为单位。此属性不是必须使用的。 
    例: 
    <MARQUEE SCROLLDELAY="5">此文本两次滚动之间的间隔时间为5毫秒</MARQUEE>

        ONMOUSEOUT=this.start() :用来设置鼠标移出该区域时继续滚动
        ONMOUSEOVER=this.stop():用来设置鼠标移入该区域时停止滚动

............................................................................................................
javascript实现连续滚动

 提示:您可以先修改部分代码再运行
............................................................................................................
经典论坛的消息滚动

 提示:您可以先修改部分代码再运行


 提示:您可以先修改部分代码再运行
从数据表中调用数据:
复制内容到剪贴板
代码:
<!-- #include file="conn.asp" -->
<!-- #include file="online_users.asp" -->
var marqueeContent=new Array();
marqueeContent[0]='<A href="#" onclick="reinitMarquee()">刷新列表</A>';
<%    Dim rs,sql
    CALL online_users
    sql = "SELECT O.userName,U.realName FROM TBL_ONLINE O left join TBL_USER U on O.userName=U.userName ORDER BY O.loginTime DESC"
    Set rs = conn.execute(sql)
    If NOT (rs.eof AND rs.bof) Then
        count=1
        do while not rs.eof
%>
marqueeContent[<%=count%>]='<A href="postMsg_write.asp?postTo=<%=rs("userName")%>"><%=rs("realName")%></a>';
<%            rs.movenext
            count=count+1
        loop
    End If
    rs.close
    set rs=nothing
    conn.close
    set conn=nothing
%>


 提示:您可以先修改部分代码再运行


 提示:您可以先修改部分代码再运行

TOP

我是新来的

我是新来的!希望以后和大家多多交流!我的QQ是42974708欢迎喜爱动画和网站制作的朋友+我啊!同样鄙视大学的朋友们让我们一起鄙视大学吧!
瘦鱼2004
shinfish

TOP

好像在小雨在线里见过你,你好啊!瘦鱼应是thinfish.

┏┯┓┏┯┓┏┯┓┏┯┓
┨┠┨┠┨┠
┗┷┛┗┷┛┗┷┛┗┷┛

TOP

顶~~~~~~~~~

TOP

辛苦了

TOP

不错挺好呀
♂郭兵㊣
个人网站新开通的:
www.guobing.com
中华水果网!
www.onfruit.com
大家来看一下吧,自己搞的一个门户站
QQ:623106
asp.net群:10

TOP

<script language="JavaScript" defer>
//code by windy_sk <windy_sk@126.com> 20040127
var obj_marquee = document.getElementById("marquee");
var marquee_spd = 4000;
var step_c = 0;

function marquee_init() {
       var obj_unit = obj_marquee.firstChild;
       var n = Math.ceil(parseInt(obj_marquee.style.height) / obj_unit.offsetHeight);
       for(var i=0; i<n; i++) obj_marquee.appendChild(obj_unit.cloneNode(true));
       return;
}

function marquee_show() {
       var marquee_high = parseInt(obj_marquee.style.height);
       var step = marquee_high/10;
       if(obj_marquee.scrollTop >= obj_marquee.children[1].offsetTop) {
              obj_marquee.scrollTop = 0;
              marquee_show();
              return;
       }
       obj_marquee.scrollTop += step;
       if(step_c++ < 9) setTimeout("marquee_show()", 50);
       return;
}

marquee_init();
setInterval("step_c=0;setTimeout('marquee_show()',50)", marquee_spd);

</script>

<table style="border:1px black solid;"><tr><td>
<div id="marquee" style="overflow:hidden;height:60px;width:210px;border:0px;padding:0px;">
  <div style="border:0px;padding:0px">
    <!-- Marquee Body Head -->
    <span style="height:60px;width:468px">
      <script language="JavaScript" type="text/JavaScript" src="http://union.3721.com/ass/adv1_1.js?pid2=A_thw416_66437"></script>
    </span>
    <span style="height:60px;width:468px">
      <script src="http://4.ads99.net/banner.php?userid=thw416"></script>
    </span>
    <span style="height:60px;width:468px">
      <script language="JavaScript" type="text/JavaScript" src=http://union.3721.com/ads/ads.js?id=54714&ads=1&img_url=http%3A%2F%2Funion.3721.com%2Fimages%2FIM468-60.swf&img_type=1&img_h=60&img_w=468></script>
    </span>
        <!-- Marquee Body Bottom -->
  </div>
</div>
</td></tr></table>

这段代码错在哪里?

TOP

狼哥的贴子就是好

TOP

好东东,感谢!!!!

TOP

再问一下,如何收藏这个帖子?

TOP

呵呵 最后可以调试的那个代码框里面的内容,调试的时候,我快速的按了几下上面的方向按钮,竟然也出现了向左上移动!有趣!

TOP

收藏了,好东东,经常会用到的
没有最好,只有更好!

TOP

cnbruce在上个帖子中说
[

............................................................................................................
经典论坛的消息滚动

<script>
var marqueeContent=new Array();   //定义一个数组,用来存放显示内容
marqueeContent[0]='<A href="#" onclick="reinitMarquee()">刷新最新列表</FONT></A>';
marqueeContent[1]='<a href=http://www.blueidea.com/updatelist.asp target=_blank>站点最新更新六十条</a>';
marqueeContent[2]='<A href=http://www.blueidea.com/tech/graph/2003/875.asp target=_blank>羽毛效果制作教程</a>';
marqueeContent[3]='<A href=http://www.blueidea.com/tech/program/2003/831.asp target=_blank>MySQL&ASP</a>';
marqueeContent[4]='<A href=http://www.blueidea.com/tech/web/2003/874.asp target=_blank>初步了解CSS3</a>';
marqueeContent[5]='<A href=http://www.blueidea.com/tech/graph/2003/864.asp target=_blank>Fireworks MX 2004执行面版操作</a>';
marqueeContent[6]='<A href=http://www.blueidea.com/tech/graph/2003/872.asp target=_blank>Fireworks MX 2004等高渐变填充</a>';
marqueeContent[7]='<A href=http://www.blueidea.com/photo/gallery/2003/873.asp target=_blank>瓶子里的花</a>';
marqueeContent[8]='<A href=http://www.blueidea.com/tech/graph/2003/871.asp target=_blank>Fireworks MX 实现选项卡式效果</a>';
marqueeContent[9]='<A href=http://www.blueidea.com/photo/gallery/2003/870.asp target=_blank>情侣:黑白的爱情空气</a>';
marqueeContent[10]='<A href=http://www.blueidea.com/tech/graph/2003/866.asp target=_blank>制作 MAC 风格的苹果标志</a>';
marqueeContent[11]='<A href=http://www.blueidea.com/tech/graph/2003/868.asp target=_blank>蛋壳制作及破壳而出的人物合成</a>';

var marqueeInterval=new Array();  //定义一些常用而且要经常用到的变量
var marqueeId=0;
var marqueeDelay=4000;
var marqueeHeight=20; //滚动高度

//接下来的是定义一些要使用到的函数
Array.prototype.random=function() {
var a=this;
var l=a.length;
for(var i=0;i<l;i++) {
  var r=Math.floor(Math.random()*(l-i));
  a=a.slice(0,r).concat(a.slice(r+1)).concat(a[r]);
  }
return a;
}
function initMarquee() {
marqueeContent=marqueeContent.random();
var str='';
for(var i=0;i<Math.min(3,marqueeContent.length);i++) str+=(i>0?'  ':'')+marqueeContent[i];
document.write('<div id=marqueeBox style="overflow:hidden;height:'+marqueeHeight+'px" onmouseover="clearInterval(marqueeInterval[0])" onmouseout="marqueeInterval[0]=setInterval(\'startMarquee()\',marqueeDelay)"><div>'+str+'</div></div>');
marqueeId+=2;
if(marqueeContent.length>3)marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay);
}
function reinitMarquee() {
js_scroll_content.src='scroll_content2.js';
marqueeContent=marqueeContent.random();
var str='';
for(var i=0;i<Math.min(3,marqueeContent.length);i++) str+=(i>0?'  ':'')+marqueeContent[i];
marqueeBox.childNodes[(marqueeBox.childNodes.length==1?0:1)].innerHTML=str;
marqueeId=2;
}
function startMarquee() {
var str='';
for(var i=0;(i<3)&&(marqueeId+i<marqueeContent.length);i++) {
  str+=(i>0?'  ':'')+marqueeContent[marqueeId+i];
  }
marqueeId+=3;
if(marqueeId>marqueeContent.length)marqueeId=0;

if(marqueeBox.childNodes.length==1) {
  var nextLine=document.createElement('DIV');
  nextLine.innerHTML=str;
  marqueeBox.appendChild(nextLine);
  }
else {
  marqueeBox.childNodes[0].innerHTML=str;
  marqueeBox.appendChild(marqueeBox.childNodes[0]);
  marqueeBox.scrollTop=0;
  }
clearInterval(marqueeInterval[1]);
marqueeInterval[1]=setInterval("scrollMarquee()",20);
}
function scrollMarquee() {
marqueeBox.scrollTop++;
if(marqueeBox.scrollTop%marqueeHeight==(marqueeHeight-1)){
  clearInterval(marqueeInterval[1]);
  }
}
initMarquee();
</script>


从数据表中调用数据:
复制内容到剪贴板
代码:
<!-- #include file="conn.asp" -->
<!-- #include file="online_users.asp" -->
var marqueeContent=new Array();
marqueeContent[0]='<A href="#" onclick="reinitMarquee()">刷新列表</A>';
<%    Dim rs,sql
    CALL online_users
    sql = "SELECT O.userName,U.realName FROM TBL_ONLINE O left join TBL_USER U on O.userName=U.userName ORDER BY O.loginTime DESC"
    Set rs = conn.execute(sql)
    If NOT (rs.eof AND rs.bof) Then
        count=1
        do while not rs.eof
%>
marqueeContent[<%=count%>]='<A href="postMsg_write.asp?postTo=<%=rs("userName")%>"><%=rs("realName")%></a>';
<%            rs.movenext
            count=count+1
        loop
    End If
    rs.close
    set rs=nothing
    conn.close
    set conn=nothing
%>
[/quote]


我用的是  经典论坛的消息滚动 这段代码
请问 布鲁斯狼 ,从数据表中调用数据这个代码我怎么复制了用不了,,,
var marqueeContent=new Array();这个是JAVASCRIPT的数组,,,而接下来的连接数据库的代码是用VBSCRIPT实现的,,,接下来的这一句
marqueeContent[<%=count%>]='<A href="postMsg_write.asp?postTo=<%=rs("userName")%>"><%=rs("realName")%></a>';我页面里浏览时出的是这样的情况

marqueeContent[0]='图片':
是上面这样排列的,,,,而滚动也没有了,,,为什么???
何为人生,人生为何,谁能说得清楚?
情为何物,究竟是一种感觉 还是一种真实?

TOP

cool

TOP

好东东,收藏了回去慢慢研究!

TOP

我用的是楼上的最后一段代码。但是提示错误!内容如下:
you have found an error as below;
err:参数无效。 on line :97
那一行是break;
请帮助纠错
(出错后,代码停止。网页点刷新基本上就排除故障,能滚动。但新开窗口有该代码的还是报错)

TOP

TOP

reni在上个帖子中说
引用:
我用的是楼上的最后一段代码。但是提示错误!内容如下:
you have found an error as below;
err:参数无效。 on line :97
那一行是break;
请帮助纠错
(出错后,代码停止。网页点刷新基本上就排除故障,能滚动。但新开窗口有该代码的还是报错)
很急,请求帮助!

TOP

请问那个javascript实现连续滚动如何实现左右移动呢?这个代码不错,可以一开始就出现图片。

TOP

辛苦了啊!!

TOP

和我同样兴趣的你快来啊!
常梦

TOP

谢谢,收藏了!
蓝风网络日志 - Blufeel.Com - 欢迎友链!

TOP

经典,收藏

TOP

不简单
一片空白?……

TOP

移动文字滴颜色可以设定吗?

怎么设定呀?

我怎么没见到呢?


------------------
可以设定,不过请你发新帖询问。
http://ywjxhd.blog.sohu.com

TOP