当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 会移动的文字(Marquee)

CSS样式表
CSS优先级规则的细节
CSS失效,原来是和网页第一段代码有关
你真的了解CSS吗?你是属于哪个层次?
让样式表CSS代码更加专业规范
建议网页设计师用CSS制作网站导航菜单
简单学习css组合与CSS嵌套的写法
CSS学习之css代码的简写的十条规则
条件CSS的介绍
CSS教程:网页中多个样式表顺序问题
CSS教程:网页版面设计无效的10个原因
页面重构工程师应该具有的技能和素质
选择正确DOCTYPE解决CSS在网页失效问题
Opera中国的WEB标准课程
简单介绍Web Developer插件制作网页
CSS布局带来的巨大影响:CSS display属性值
用div css模拟表格对角线
IE Firefox在css中的差别 (部分)
不用js可以实现信息提示效果
CSS解决未知高度的垂直水平居中自适应问题
CSS cursor 属性 -- 鼠标指针样式效果

CSS样式表 中的 会移动的文字(Marquee)


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 177 ::
收藏到网摘: n/a

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实现连续滚动
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

经典论坛的消息滚动
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

复制代码 代码如下:

<!-- #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
%>

点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]