文档章节

HTML标签marquee实现滚动效果

钟良
 钟良
发布于 2016/06/15 10:40
字数 7733
阅读 29
收藏 0

语法:

<marquee></marquee>

以下是一个最简单的例子:

代码如下:

<marquee><font size=+3 color=red>Hello, World</font></marquee>

下面这两个事件经常用到:

onMouseOut="this.start()" :用来设置鼠标移出该区域时继续滚动

onMouseOver="this.stop()":用来设置鼠标移入该区域时停止滚动

代码如下:

<marquee onMouseOut="this.start()" onMouseOver="this.stop()">onMouseOut="this.start()" :用来设置鼠标移出该区域时继续滚动 onMouseOver="this.stop()":用来设置鼠标移入该区域时停止滚动</marquee>

这是一个完整的例子:

代码如下:

<marquee id="affiche" align="left" behavior="scroll" bgcolor="#FF0000" direction="up" height="300" width="200" hspace="50" vspace="20" loop="-1" scrollamount="10" scrolldelay="100" onMouseOut="this.start()" onMouseOver="this.stop()">

这是一个完整的例子

</marquee>

该标签支持的属性多达11个:

align

设定<marquee>标签内容的对齐方式

absbottom:绝对底部对齐(与g、p等字母的最下端对齐)

absmiddle:绝对中央对齐

baseline:底线对齐

bottom:底部对齐(默认)

left:左对齐

middle:中间对齐

right:右对齐

texttop:顶线对齐

top:顶部对齐

代码如下:

<marquee align="absbottom">align="absbottom":绝对底部对齐(与g、p等字母的最下端对齐)。 </marquee>

<marquee align="absmiddle">align="absmiddle": 绝对中央对齐。 </marquee>

<marquee align="baseline">align="baseline": 底线对齐。 </marquee>

<marquee align="bottom">align="bottom": 底部对齐(默认)。 </marquee>

<marquee align="left">align="left": 左对齐。 </marquee>

<marquee align="middle">align="middle": 中间对齐。 </marquee>

<marquee align="right">align="right": 右对齐。 </marquee>

<marquee align="texttop">align="texttop": 顶线对齐。 </marquee>

<marquee align="top">align="top": 顶部对齐。 </marquee>

behavior

设定滚动的方式:

alternate: 表示在两端之间来回滚动。

scroll: 表示由一端滚动到另一端,会重复。

slide:      表示由一端滚动到另一端,不会重复。

代码如下:

<marquee behavior="alternate">alternate:表示在两端之间来回滚动。 </marquee>

<marquee behavior="scroll">scroll:表示由一端滚动到另一端,会重复。</marquee>

<marquee behavior="slide">slide:      表示由一端滚动到另一端,不会重复。</marquee>

bgcolor

设定活动字幕的背景颜色,背景颜色可用RGB、16进制值的格式或颜色名称来设定。

代码如下:

<marquee bgcolor="#006699">设定活动字幕的背景颜色 bgcolor="#006699"</marquee>

<marquee bgcolor="RGB(10%,50%,100%,)">设定活动字幕的背景颜色 bgcolor="rgb(10%,50%,100%,)"</marquee>

<marquee bgcolor="red">设定活动字幕的背景颜色 bgcolor="red"</marquee>

direction

设定活动字幕的滚动方向

代码如下:

<marquee direction="down">设定活动字幕的滚动方向direction="down":向下</marquee>

<marquee direction="left">设定活动字幕的滚动方向direction="left":向左</marquee>

<marquee direction="right">设定活动字幕的滚动方向direction="right":向右</marquee>

<marquee direction="up">设定活动字幕的滚动方向direction="up":向上</marquee>

height

设定活动字幕的高度

代码如下:

<marquee height="500" direction="down" bgcolor="#CCCCCC">设定活动字幕的高度height="500"</marquee>

width

设定活动字幕的宽度

代码如下:

<marquee width="500" bgcolor="#CCCCCC">设定活动字幕的宽度width="500"</marquee>

hspace

设定活动字幕里所在的位置距离父容器水平边框的距离

This controls the horizontal(水平)space around the display box.

代码如下:

      <table width="500" border="1" align="center" cellpadding="0" cellspacing="0">

        <tr>

          <td><marquee hspace="100" bgcolor="#CCCCCC">hspace="100"</marquee></td>

        </tr>

      </table>

vspace

设定活动字幕里所在的位置距离父容器垂直边框的距离

This controls the vertical(垂直) space around the display box.

代码如下:

<marquee vspace="100" bgcolor="#CCCCCC">hspace="100"</marquee>

loop

设定滚动的次数,当loop=-1表示一直滚动下去,默认为-1

代码如下:

<marquee loop="-1" bgcolor="#CCCCCC">我会不停地走。</marquee>

<p>&nbsp;</p>

<marquee loop="2" bgcolor="#CCCCCC">我只走两次哦</marquee>

scrollamount

设定活动字幕的滚动速度,单位pixels

代码如下:

<marquee scrollamount="10" >scrollamount="10" </marquee>

<marquee scrollamount="20" >scrollamount="20" </marquee>

<marquee scrollamount="30" >scrollamount="30" </marquee>

scrolldelay

设定活动字幕滚动两次之间的延迟时间,单位millisecond(毫秒)

值大了会有一步一停顿的效果

代码如下:

<marquee scrolldelay="10" >scrolldelay="10" </marquee>

<marquee scrolldelay="100" > scrolldelay="100"</marquee>

<marquee scrolldelay="1000">scrolldelay="1000" </marquee>

 

<marquee> ... </marquee>

移动属性的设置 ,这种移动不仅仅局限于文字,也可以应用于图片,表格等等

鼠标属性

onMouseOut=this.start() ........鼠标移出状态滚动

onMouseOver=this.stop() .........鼠标经过时停止滚动

方向

<direction=#> #=left, right ,up ,down <marquee direction=left>从右向左移!</marquee>

方式

<bihavior=#> #=scroll, slide, alternate <marquee behavior=scroll>一圈一圈绕着走!</marquee>

<marquee behavior=slide>只走一次就歇了!</marquee>

<marquee behavior=alternate>来回走</marquee>

循环

<loop=#> #=次数;若未指定则循环不止(infinite) <marquee loop=3 width=50% behavior=scroll>只走 3 趟</marquee>

<marquee loop=3 width=50% behavior=slide>只走 3 趟</marquee>

<marquee loop=3 width=50% behavior=alternate>只走 3 趟!</marquee>

速度

<scrollamount=#> <marquee scrollamount=20>啦啦啦,我走得好快哟!</marquee>

延时

<scrolldelay=#> <marquee scrolldelay=500 scrollamount=100>啦啦啦,我走一步,停一停!</marquee>

外观(Layout)设置

对齐方式(Align)

<align=#> #=top, middle, bottom <font size=6>

<marquee align=# width=400>啦啦啦,我会移动耶!</marquee>

</font>

底色

<bgcolor=#> #=rrggbb 16 进制数码,或者是下列预定义色彩:

Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,

Fuchsia, White, Green, Purple, Silver, Yellow, Aqua <marquee bgcolor=aaaaee>颜色!</marquee>

面积

<height=# width=#> <marquee height=40 width=50% bgcolor=aaeeaa>面积!</marquee>

空白

(Margins)<hspace=# vspace=#>

<marquee hspace=20 vspace=20 width=150 bgcolor=ffaaaa align=middle>面积!</marquee>

</P>

<marquee id="iescroller" direction=left height=10 onMouseOut=start(); onMouseOver=stop(); scrollamount=2 scrolldelay=10 scrollleft="0" scrolltop="0" behavior="alternate" bgcolor="#999999" style="color: #ffffff; font-size: 14; font-family: '宋体', 'Arial','Helvetica', 'sans-serif'"title=文字内容> 这是放文字或需要移动的图片(光标放在这里时用INSERT命令就可以插入图片)</marquee> </P>

 

 

marquee的滚动属性参数

 

 

 

     从<marquee>开始到</marquee>结束,其中有很多参数,其实,朋友们还是应用得很多了,让图片滚动起来,也是经常经常应用的,下面对这个网页参数的属性做一些简单的描述;

滚动参数:

1:方向:DIRECTION

left---左(默认)

right---右

up------上

down----下

2:方式:BEHAVIOR

SCROLL -------环绕滚动(默认)

SLIDE---------滚动一次

ALTERNATE-----来回滚动

3:次数:LOOP

当LOOP=-1或LOOP=INFINITE时,则表明文字滚动是无限循环(默认)

4:速度:SCROLLDELAY

任意自然整数

5:对齐:ALIGN

TOP---------对齐上方

MIDDLE------对齐中部

BOTTOM------对齐下方

6:鼠标的划过与离开

onMouseOver=this.stop(); onMouseOut=this.start();

划过停止滚动。离开,继续滚动

有了以上参数。我们就很容易制作出一个logo图片的任意滚动方式,例如:

<marquee width=120 height=200 DIRECTION=up BEHAVIOR=ALTERNATE SCROLLDELAY=120 ALIGN=MIDDLE onMouseOver=this.stop(); onMouseOut=this.start();><a href=http://qjpz.com><img src=http://qjpz.com/bbs/images/logo.gif border=0><marquee>

很容易对照出。这是一个滚动速度为120MM,从下到上碰壁即返回并对齐中间,鼠标划过图标即停止,点击图标进入〈千娇论坛〉的一个来回滚动的代码。

在背景图片上做滚动字幕

<TABLE width="500" border=0>

<TBODY>

<TR>

<TD background=背景图片地址 height=250>

<P><MARQUEE scrollAmount=2 scrollDelay=50 direction=up width=200 height=200 behavior=scroll>要滚动的文字</MARQUEE></P></TD></TR></TBODY></TABLE></DIV>

参数设置:

a)scrollAmount表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好

b)scrollDelay也是用来控制速度的,表示走走停停,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。

c)direction很明显是表示滚动的方向,默认为从右向左:←,因此如果是向左滚动的话不需要次参数。其他可选的值还有right,down,up。滚动方向分别为:right表示→,up表示↑,down表示↓。

d)width和height用来表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。

e)behavior是来控制滚动属性的,默认为循环滚动(scroll),同样,如果是循环滚动的话可以不需要此参数。其他可选的值还有alternate(交替滚动),slide(幻灯片效果,指的是滚动一次,然后停止滚动)。

f)每行字的前后<FONT color=#990066 size=4 face=隶书>和</FONT>用定义每行字的颜色,大小和字体,如果哪项不需要的话,把代码去掉就行。

 

拷贝如下代码到html中,浏览器查看效果:

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
<table>
<tbody>
<tr>
<td id="artContent" width="656">
<TABLE title=移动标签(marquee)属性详解-吉祥如意988-360图书馆
       style="HEIGHT: 100px; BORDER-TOP-COLOR: ; WIDTH: 900px; BORDER-LEFT-COLOR: ; BORDER-BOTTOM-COLOR: ; BORDER-RIGHT-COLOR: "
       borderColor=#2e8b57 height=211 cellSpacing=3 cellPadding=0 width="100%" align=center border=8>
<TBODY>
<TR style="BORDER-TOP-COLOR: ; BORDER-LEFT-COLOR: ; BORDER-BOTTOM-COLOR: ; BORDER-RIGHT-COLOR: ">
<TD style="BORDER-TOP-COLOR: ; BORDER-LEFT-COLOR: ; BORDER-BOTTOM-COLOR: ; BORDER-RIGHT-COLOR: " height=184 vAlign=top>
<TABLE title=移动标签(marquee)属性详解-吉祥如意988-360图书馆
       style="HEIGHT: 865px; BORDER-TOP-COLOR: ; WIDTH: 900px; BORDER-LEFT-COLOR: ; BORDER-BOTTOM-COLOR: ; TEXT-ALIGN: left; BORDER-RIGHT-COLOR: ; BACKGROUND-COLOR: #afeeee"
       borderColor=#2e8b57 height=211 cellSpacing=2 cellPadding=0 width="100%" align=center border=1>
    <TBODY>
    <TR style="BORDER-TOP-COLOR: ; BORDER-LEFT-COLOR: ; BORDER-BOTTOM-COLOR: ; TEXT-ALIGN: left; BORDER-RIGHT-COLOR: ">
        <TD style="BORDER-TOP-COLOR: ; BORDER-LEFT-COLOR: ; BORDER-BOTTOM-COLOR: ; TEXT-ALIGN: left; FILTER: Blur(Add=true, Direction=180, Strength=20); BORDER-RIGHT-COLOR: "
            bgColor=#2e8b57 height=27 colSpan=4>
            <P align=center><FONT color=#ccffff size=5></FONT>&nbsp;</P>

            <P align=center><FONT style="FONT-SIZE: 34px" color=#ccffff size=5><STRONG><A style="COLOR: "
                                                                                          href="http://jxry988.360doc.com/"
                                                                                          target=_blank><FONT
                    style="FONT-SIZE: 34px" color=#ccffff size=5><STRONG>移动标签(marquee)属性详解</STRONG></FONT></A></STRONG></FONT>
            </P>

            <P align=center><FONT color=#ccffff size=5></FONT><FONT color=#ccffff>吉祥如意988/编辑</FONT>&nbsp;</P></TD>
    </TR>
    <TR>
        <TD bgColor=#afeeee colSpan=4><FONT style="FONT-SIZE: 21px" color=#000000><STRONG>marquee标签简介</STRONG></FONT>
        </TD>
    </TR>
    <TR>
        <TD bgColor=#afeeee height=27 vAlign=top width="25%" colSpan=4>
            <BLOCKQUOTE style="MARGIN-RIGHT: 0px" dir=ltr>
                <P><FONT color=#ff0000><STRONG></STRONG></FONT>&nbsp;<FONT color=#ff0000
                                                                           size=4><STRONG>marquee标签:</STRONG></FONT><FONT
                        color=#000000>创建一个滚动的文本字幕,应用于文字、图片、表格。<BR></FONT><FONT color=#000000>基本语法:</FONT> <BR><FONT
                        color=#000080>&lt;marquee&gt;...&lt;/marquee&gt;<BR></FONT><FONT
                        color=#000000>属性汇总例句:<BR></FONT><FONT color=#000080>&lt;marquee direction=up behavior=scroll
                    loop=3 scrollamount=1 scrolldelay=10 bgcolor=#ccffff height=150 width=15% hspace=20 vspace=10
                    onmouseover=this.stop() onmouseout=this.start()&gt;&lt;P align=center&gt;此处输入滚动内容&lt;/P&gt;&lt;/marquee&gt;</FONT>
                </P>

                <P>
                    <MARQUEE style="HEIGHT: 104px; WIDTH: 22.35%" bgColor=#ccffff vspace=10 direction=up height=104
                             width="22.35%" loop=3 scrollAmount=1 scrollDelay=10 hspace=20>
                        <P align=center><FONT color=#000000>此处输入滚动内容</FONT></P></MARQUEE>
                </P>
                <P>&nbsp;</P>

                <P><FONT color=#000000>在基本语法中输入文字代码、代入图片代码、Flash动画代码和表格代码。<BR></FONT><FONT color=#000080>&lt;marquee&gt;这里是输入文字的地方,还可以放图片代码、Flash动画代码和gif动态小图代码。&lt;/marquee&gt;</FONT>
                </P>

                <P><FONT color=#000000>示例如下表:</FONT></P></BLOCKQUOTE>
        </TD>
    </TR>
    <TR>
        <TD height=27 vAlign=middle width="25%">
            <P align=center><FONT color=#000000>文字</FONT></P></TD>
        <TD height=27 vAlign=middle width="25%">
            <P align=center><FONT color=#000000>&nbsp;图片</FONT></P></TD>
        <TD height=27 vAlign=middle width="25%">
            <P align=center><FONT color=#000000>Flash动画</FONT></P></TD>
        <TD height=27 vAlign=middle width="25%">
            <P align=center><FONT color=#000000>表格</FONT></P></TD>
    </TR>
    <TR>
        <TD height=184 vAlign=middle width="25%">
            <P align=center>
                <MARQUEE behavior=alternate width="30%"><FONT color=#ff0000>LOVE</FONT></MARQUEE>
                <FONT color=#000000>欢迎朋友</FONT>
                <MARQUEE behavior=alternate width="30%"><FONT color=#ff0000>LOVE</FONT></MARQUEE>
            </P>
        </TD>
        <TD height=184 vAlign=middle width="25%">
            <P align=center>
                <MARQUEE style="HEIGHT: 119px; WIDTH: 265px" behavior=alternate scrollAmount=1 scrollDelay=10>
                    <P align=center><IMG id=photo_src title="HTML文字代码——移动文字(marquee 标签属性详解)-吉祥如意988-360图书馆"
                                         style="HEIGHT: 118px; WIDTH: 134px"
                                         alt="HTML文字代码——移动文字(marquee 标签属性详解)-吉祥如意988-360图书馆"
                                         src="http://image80.360doc.com/DownloadImg/2014/12/1017/47934682_1.jpg"></P>
                </MARQUEE>
            </P>
        </TD>
        <TD height=184 vAlign=middle width="25%">
            <P align=center>
                <WBR>
                &nbsp;
                <MARQUEE behavior=alternate scrollAmount=3>
                    <TABLE align=center border=0>
                        <TBODY>
                        <TR>
                            <TD style="FILTER: Alpha(opacity=100,style=2)" align=center>
                                <P>
                                    <EMBED type=application/x-shockwave-flash height=175 width=300
                                           src=http://s3photo.cn21edu.com/UpLoadImage/yyfq/image/ArticleFlash/f82e6425-de5e-4168-8a89-d2d0dc127e8a.swf
                                           wmode="transparent" invokeurls="false" quality="high"
                                           allowscriptaccess="never" allownetworking="internal">
                                </P>
                                <P></P></TD>
                        </TR>
                        </TBODY>
                    </TABLE>
                </MARQUEE>
            </P>
        </TD>
        <TD height=184 vAlign=middle width="25%">
            <WBR>
            &nbsp;
            <MARQUEE style="HEIGHT: 200px; WIDTH: 204px" direction=up behavior=alternate>
                <FIELDSET style="HEIGHT: 104px; WIDTH: 184px">
                    <LEGEND style="HEIGHT: 23px; WIDTH: 165px">360图书馆&nbsp;</LEGEND>
                    <MARQUEE behavior=alternate width="98%" scrollAmount=2><FONT color=#000000>欢迎朋友光临!</FONT></MARQUEE>
                </FIELDSET>
            </MARQUEE>
        </TD>
    </TR>
    </TBODY>
</TABLE>
<TABLE style="HEIGHT: 588px; BORDER-TOP-COLOR: ; WIDTH: 900px; BORDER-LEFT-COLOR: ; BORDER-BOTTOM-COLOR: ; TEXT-ALIGN: left; BORDER-RIGHT-COLOR: ; BACKGROUND-COLOR: #afeeee"
       borderColor=#003333 height=211 cellSpacing=2 cellPadding=0 width="100%" align=center border=1>
    <TBODY>
    <TR style="BORDER-TOP-COLOR: ; BORDER-LEFT-COLOR: ; BORDER-BOTTOM-COLOR: ; BORDER-RIGHT-COLOR: ">
        <TD style="BORDER-TOP-COLOR: ; BORDER-LEFT-COLOR: ; BORDER-BOTTOM-COLOR: ; FILTER: Blur(Add=true, Direction=180, Strength=20); BORDER-RIGHT-COLOR: "
            bgColor=#afeeee height=27 colSpan=2><FONT style="FONT-SIZE: 21px" color=#000000><STRONG>marquee标签属性</STRONG></FONT>
        </TD>
    </TR>
    <TR>
        <TD height=27 vAlign=middle width="50%">
            <BLOCKQUOTE style="MARGIN-RIGHT: 0px" dir=ltr>
                <P style="MARGIN-RIGHT: 0px" dir=ltr><FONT color=#000000>direction</FONT></P></BLOCKQUOTE>
        </TD>
        <TD height=27 vAlign=middle width="50%">
            <BLOCKQUOTE style="MARGIN-RIGHT: 0px" dir=ltr>
                <P style="MARGIN-RIGHT: 0px" dir=ltr><FONT color=#000000>表示滚动的方向(默认为left)</FONT></P></BLOCKQUOTE>
        </TD>
    </TR>
    <TR>
        <TD height=27 vAlign=middle width="50%">
            <BLOCKQUOTE style="MARGIN-RIGHT: 0px" dir=ltr>
                <P style="MARGIN-RIGHT: 0px" dir=ltr><FONT color=#000000>behavior </FONT></P></BLOCKQUOTE>
        </TD>
        <TD height=27 vAlign=middle width="50%">
            <BLOCKQUOTE style="MARGIN-RIGHT: 0px" dir=ltr>
                <P style="MARGIN-RIGHT: 0px" dir=ltr><FONT color=#000000>表示滚动的方式</FONT></P></BLOCKQUOTE>
        </TD>
    </TR>
    <TR>
        <TD height=27 vAlign=middle width="50%">
            <BLOCKQUOTE style="MARGIN-RIGHT: 0px" dir=ltr>
                <P style="MARGIN-RIGHT: 0px" dir=ltr><FONT color=#000000>loop </FONT></P></BLOCKQUOTE>
        </TD>
        <TD height=27 vAlign=middle width="50%">
            <BLOCKQUOTE style="MARGIN-RIGHT: 0px" dir=ltr>
                <P style="MARGIN-RIGHT: 0px" dir=ltr><FONT color=#000000>决定滚动文字的滚动次数</FONT></P></BLOCKQUOTE>
        </TD>
    </TR>
    <TR>
        <TD height=27 vAlign=middle width="50%">
            <BLOCKQUOTE style="MARGIN-RIGHT: 0px" dir=ltr>
                <P style="MARGIN-RIGHT: 0px" dir=ltr><FONT color=#000000>scrollamount&nbsp;&nbsp;&nbsp;&nbsp;</FONT>&nbsp;&nbsp;&nbsp;
                </P></BLOCKQUOTE>
        </TD>
        <TD height=27 vAlign=middle width="50%">
            <BLOCKQUOTE style="MARGIN-RIGHT: 0px" dir=ltr>
                <P style="MARGIN-RIGHT: 0px" dir=ltr><FONT color=#000000>决定文字滚动的速度</FONT></P></BLOCKQUOTE>
        </TD>
    </TR>
    <TR>
        <TD height=27 vAlign=middle width="50%">
            <BLOCKQUOTE style="MARGIN-RIGHT: 0px" dir=ltr>
                <P style="MARGIN-RIGHT: 0px" dir=ltr><FONT color=#000000>scrolldelay</FONT></P></BLOCKQUOTE>
        </TD>
        <TD height=27 vAlign=middle width="50%">
            <BLOCKQUOTE style="MARGIN-RIGHT: 0px" dir=ltr>
                <P style="MARGIN-RIGHT: 0px" dir=ltr><FONT color=#000000>决定文字滚动的延时</FONT></P></BLOCKQUOTE>
        </TD>
    </TR>
    <TR>
        <TD height=27 vAlign=middle width="50%">
            <BLOCKQUOTE style="MARGIN-RIGHT: 0px" dir=ltr>
                <P style="MARGIN-RIGHT: 0px" dir=ltr><FONT color=#000000>bgcolor&nbsp;&nbsp;&nbsp;&nbsp;</FONT>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                </P></BLOCKQUOTE>
        </TD>
        <TD height=27 vAlign=middle width="50%">
            <BLOCKQUOTE style="MARGIN-RIGHT: 0px" dir=ltr>
                <P style="MARGIN-RIGHT: 0px" dir=ltr><FONT color=#000000>文字滚动范围的背景颜色</FONT></P></BLOCKQUOTE>
        </TD>
    </TR>
    <TR>
        <TD height=27 vAlign=middle width="50%">
            <BLOCKQUOTE style="MARGIN-RIGHT: 0px" dir=ltr>
                <P style="MARGIN-RIGHT: 0px" dir=ltr><FONT color=#000000>width和height</FONT>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                </P></BLOCKQUOTE>
        </TD>
        <TD height=27 vAlign=middle width="50%">
            <BLOCKQUOTE style="MARGIN-RIGHT: 0px" dir=ltr>
                <P style="MARGIN-RIGHT: 0px" dir=ltr><FONT color=#000000>决定滚动文字在页面中的矩形范围大小</FONT></P></BLOCKQUOTE>
        </TD>
    </TR>
    <TR>
        <TD height=27 vAlign=middle width="50%">
            <BLOCKQUOTE style="MARGIN-RIGHT: 0px" dir=ltr>
                <P style="MARGIN-RIGHT: 0px" dir=ltr><FONT color=#000000>hspace和vspace</FONT>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                </P></BLOCKQUOTE>
        </TD>
        <TD height=27 vAlign=middle width="50%">
            <BLOCKQUOTE style="MARGIN-RIGHT: 0px" dir=ltr>
                <P style="MARGIN-RIGHT: 0px" dir=ltr><FONT color=#000000>决定滚动矩形区域距周围的空白区域</FONT></P></BLOCKQUOTE>
        </TD>
    </TR>
    <TR>
        <TD height=27 vAlign=middle width="50%">
            <BLOCKQUOTE style="MARGIN-RIGHT: 0px" dir=ltr>
                <P style="MARGIN-RIGHT: 0px" dir=ltr><FONT color=#000000>onmouseover=this.stop()&nbsp; </FONT></P>

                <P style="MARGIN-RIGHT: 0px" dir=ltr><FONT color=#000000>onmouseout=this.start()</FONT></P></BLOCKQUOTE>
        </TD>
        <TD height=27 vAlign=middle width="50%">
            <BLOCKQUOTE style="MARGIN-RIGHT: 0px" dir=ltr>
                <P style="MARGIN-RIGHT: 0px" dir=ltr><FONT color=#000000>表示当鼠标移上区域的时候滚动停止</FONT></P>

                <P style="MARGIN-RIGHT: 0px" dir=ltr><FONT color=#000000>表示当鼠标移开的时候又继续滚动</FONT></P></BLOCKQUOTE>
        </TD>
    </TR>
    <TR>
        <TD height=27 vAlign=middle width="50%">
            <BLOCKQUOTE style="MARGIN-RIGHT: 0px" dir=ltr>
                <P style="MARGIN-RIGHT: 0px" dir=ltr><FONT color=#000000>align&nbsp;&nbsp; </FONT></P></BLOCKQUOTE>
        </TD>
        <TD height=27 vAlign=middle width="50%">
            <BLOCKQUOTE style="MARGIN-RIGHT: 0px" dir=ltr>
                <P style="MARGIN-RIGHT: 0px" dir=ltr><FONT color=#000000>水平对齐</FONT></P></BLOCKQUOTE>
        </TD>
    </TR>
    <TR>
        <TD height=27 vAlign=middle width="50%">
            <BLOCKQUOTE style="MARGIN-RIGHT: 0px" dir=ltr>
                <P style="MARGIN-RIGHT: 0px" dir=ltr><FONT color=#000000>valign&nbsp; </FONT></P></BLOCKQUOTE>
        </TD>
        <TD height=27 vAlign=middle width="50%">
            <BLOCKQUOTE style="MARGIN-RIGHT: 0px" dir=ltr>
                <P style="MARGIN-RIGHT: 0px" dir=ltr><FONT color=#000000>垂直对齐方式</FONT></P></BLOCKQUOTE>
        </TD>
    </TR>
    <TR>
        <TD height=27 vAlign=middle colSpan=2>
            <BLOCKQUOTE style="MARGIN-RIGHT: 0px" dir=ltr>
                <P style="MARGIN-RIGHT: 0px" dir=ltr><FONT color=#000000>备注:marquee标签的属性都是可选的,根据需要而定制。</FONT></P>
            </BLOCKQUOTE>
        </TD>
    </TR>
    </TBODY>
</TABLE>
<DIV align=center>
<TABLE style="HEIGHT: 3698px; BORDER-TOP-COLOR: ; WIDTH: 900px; BORDER-LEFT-COLOR: ; BORDER-BOTTOM-COLOR: ; BORDER-RIGHT-COLOR: ; BACKGROUND-COLOR: #afeeee"
       borderColor=#003333 height=211 cellSpacing=2 cellPadding=0 width="100%" align=center border=1>
<TBODY>
<TR style="BORDER-TOP-COLOR: ; BORDER-LEFT-COLOR: ; BORDER-BOTTOM-COLOR: ; BORDER-RIGHT-COLOR: ">
    <TD style="BORDER-TOP-COLOR: ; BORDER-LEFT-COLOR: ; BORDER-BOTTOM-COLOR: ; FILTER: Blur(Add=true, Direction=180, Strength=20); BORDER-RIGHT-COLOR: "
        bgColor=#afeeee height=27 colSpan=4><FONT style="FONT-SIZE: 21px"
                                                  color=#000000><STRONG>marquee标签属性详解</STRONG></FONT></TD>
</TR>
<TR>
    <TD height=27 vAlign=middle rowSpan=6 width="15%">
        <P align=center><FONT color=#ff0000>direction</FONT></P>

        <P align=center><FONT color=#ff0000>属性</FONT></P></TD>
</TR>
<TR>
    <TD height=27 vAlign=middle width="20%">
        <P align=center><FONT color=#000000>属性的参数值</FONT></P></TD>
    <TD height=27 vAlign=middle width="35%">
        <P align=center><FONT color=#000000>示例代码</FONT></P></TD>
    <TD height=27 vAlign=middle width="30%">
        <P align=center><FONT color=#000000>示例</FONT></P></TD>
</TR>
<TR>
    <TD height=27 vAlign=middle width="15%">
        <P align=center><FONT color=#000000>direction="left"</FONT></P>

        <P align=center><FONT color=#000000>向左(默认值)</FONT></P></TD>
    <TD height=27 vAlign=middle width="35%">
        <P>&nbsp;</P>

        <P><FONT color=#000000>&lt;marquee direction="left"&gt;我向左滚动&lt;/marquee&gt;</FONT></P>

        <P>&nbsp;</P></TD>
    <TD height=27 vAlign=middle width="35%">
        <MARQUEE style="HEIGHT: 25px; WIDTH: 406px"><FONT color=#000000>我向左滚动</FONT></MARQUEE>
    </TD>
</TR>
<TR>
    <TD height=27 vAlign=middle width="15%">
        <P align=center><FONT color=#000000>direction="right"</FONT></P>

        <P align=center><FONT color=#000000>向右</FONT></P></TD>
    <TD height=27 vAlign=middle width="35%"><FONT color=#000000>&lt;marquee
        direction="right"&gt;我向右滚动&lt;/marquee&gt;</FONT></TD>
    <TD height=27 vAlign=middle width="35%">
        <MARQUEE style="HEIGHT: 23px; WIDTH: 411px" direction=right><FONT color=#000000>我向右滚动</FONT></MARQUEE>
    </TD>
</TR>
<TR>
    <TD height=27 vAlign=middle width="15%">
        <P align=center><FONT color=#000000>direction="up"<BR>向上<BR></FONT></P></TD>
    <TD height=27 vAlign=middle width="35%">
        <P>&nbsp;</P>

        <P><FONT color=#000000>&lt;marquee direction="up"&gt;我向上滚动&lt;/marquee&gt;</FONT></P>

        <P>&nbsp;</P></TD>
    <TD height=27 vAlign=middle width="35%">
        <MARQUEE style="HEIGHT: 103px; WIDTH: 406px" direction=up>
            <P align=center><FONT color=#000000>我向上滚动</FONT></P></MARQUEE>
    </TD>
</TR>
<TR>
    <TD height=27 vAlign=middle width="15%">
        <P align=center><FONT color=#000000>direction="down"</FONT></P>

        <P align=center><FONT color=#000000>向下</FONT></P></TD>
    <TD height=27 vAlign=middle width="35%">
        <P>&nbsp;</P>

        <P><FONT color=#000000>&lt;marquee direction="down"&gt;我向下滚动&lt;/marquee&gt;</FONT></P>

        <P>&nbsp;</P></TD>
    <TD height=27 vAlign=middle width="35%">
        <MARQUEE style="HEIGHT: 103px; WIDTH: 407px" direction=down>
            <P align=center><FONT color=#000000>我向下滚动</FONT></P></MARQUEE>
    </TD>
</TR>
<TR>
    <TD height=27 vAlign=middle rowSpan=5 width="15%">
        <P align=center><FONT color=#ff0000>behavior</FONT></P>

        <P align=center><FONT color=#ff0000>属性</FONT></P></TD>
</TR>
<TR>
    <TD height=27 vAlign=middle width="15%">
        <P align=center><FONT color=#000000>属性的参数值</FONT></P></TD>
    <TD height=27 vAlign=middle width="35%">
        <P align=center><FONT color=#000000>示例代码</FONT></P></TD>
    <TD height=27 vAlign=middle width="35%">
        <P align=center><FONT color=#000000>示例</FONT></P></TD>
</TR>
<TR>
    <TD height=27 vAlign=middle width="15%">
        <P align=center><FONT color=#000000>behavior="alternate"</FONT></P>

        <P align=center><FONT color=#000000>来回滚动</FONT></P></TD>
    <TD height=27 vAlign=middle width="35%"><FONT color=#000000>&lt;marquee behavior="alternate"&gt;我来回滚动&lt;/marquee&gt;</FONT>
    </TD>
    <TD height=27 vAlign=middle width="35%">
        <MARQUEE style="HEIGHT: 25px; WIDTH: 409px" behavior=alternate><FONT color=#000000>我来回滚动</FONT></MARQUEE>
    </TD>
</TR>
<TR>
    <TD height=27 vAlign=middle width="15%">
        <P align=center><FONT color=#000000>behavior="scroll"</FONT></P>

        <P align=center><FONT color=#000000>单方向循环滚动</FONT></P></TD>
    <TD height=27 vAlign=middle width="35%">
        <P>&nbsp;</P>

        <P><FONT color=#000000>&lt;marquee behavior="scroll"&gt;我单方向循环滚动&lt;/marquee&gt;</FONT></P>

        <P><FONT color=#000000>&nbsp;</FONT></P>

        <P><FONT color=#000000>&lt;marquee behavior="scroll" direction="up"
            height="30"&gt;我改单方向向上循环滚动&lt;/marquee&gt;</FONT></P>

        <P>&nbsp;</P></TD>
    <TD height=27 vAlign=middle width="35%">
        <MARQUEE style="HEIGHT: 25px; WIDTH: 407px"><FONT color=#000000>我单方向循环滚动</FONT></MARQUEE>
        <P>&nbsp;</P>

        <P>
            <MARQUEE style="HEIGHT: 111px; WIDTH: 407px" direction=up height=111>
                <P align=center><FONT color=#000000>我改单方向向上循环滚动</FONT></P></MARQUEE>
        </P>
    </TD>
</TR>
<TR>
    <TD height=27 vAlign=middle width="15%">
        <P align=center><FONT color=#000000>behavior="slide"</FONT></P>

        <P align=center><FONT color=#000000>只滚动一次</FONT></P></TD>
    <TD height=27 vAlign=middle width="35%">
        <P>&nbsp;</P>

        <P><FONT color=#000000>&lt;marquee behavior="slide"&gt;我只滚动一次&lt;/marquee&gt;</FONT></P>

        <P><FONT color=#000000>&nbsp;</FONT></P>

        <P><FONT color=#000000>&lt;marquee behavior="slide" direction="up"&gt;我改向上只滚动一次了&lt;/marquee&gt;</FONT></P>

        <P>&nbsp;</P></TD>
    <TD height=27 vAlign=middle width="35%">
        <MARQUEE style="HEIGHT: 25px; WIDTH: 409px" behavior=slide><FONT color=#000000>我只滚动一次</FONT></MARQUEE>
        <P>&nbsp;</P>

        <P>
            <MARQUEE style="HEIGHT: 125px; WIDTH: 397px" direction=up behavior=slide>
                <P align=center><FONT color=#000000>我改向上只滚动一次了</FONT></P></MARQUEE>
        </P>
    </TD>
</TR>
<TR>
    <TD height=27 vAlign=middle rowSpan=5 width="15%">
        <P align=center><FONT color=#ff0000>loop</FONT></P>

        <P align=center><FONT color=#ff0000>属性</FONT></P></TD>
</TR>
<TR>
    <TD height=27 vAlign=middle width="15%">
        <P align=center><FONT color=#000000>属性的参数值</FONT></P></TD>
    <TD height=27 vAlign=middle width="35%">
        <P align=center><FONT color=#000000>示例代码</FONT></P></TD>
    <TD height=27 vAlign=middle width="35%">
        <P align=center><FONT color=#000000>示例</FONT></P></TD>
</TR>
<TR>
    <TD height=27 vAlign=middle width="15%">
        <P align=center><FONT color=#000000>loop="2"</FONT></P>

        <P align=center><FONT color=#000000>滚动2次</FONT></P></TD>
    <TD height=27 vAlign=middle width="35%">
        <P>&nbsp;</P>

        <P><FONT color=#000000>&lt;marquee loop="2"&gt;我滚动2次。&lt;/marquee&gt;</FONT></P>

        <P>&nbsp;</P></TD>
    <TD height=27 vAlign=middle width="35%">
        <MARQUEE style="HEIGHT: 25px; WIDTH: 407px" loop=2><FONT color=#000000>我滚动2次。</FONT></MARQUEE>
    </TD>
</TR>
<TR>
    <TD height=27 vAlign=middle width="15%">
        <P align=center><FONT color=#000000>loop="infinite"</FONT></P>

        <P align=center><FONT color=#000000>无限循环滚动</FONT></P></TD>
    <TD height=27 vAlign=middle width="35%">
        <P>&nbsp;</P>

        <P><FONT color=#000000>&lt;marquee loop="infinite"&gt;我无限循环滚动。&lt;/marquee&gt;</FONT></P>

        <P>&nbsp;</P></TD>
    <TD height=27 vAlign=middle width="35%">
        <MARQUEE style="HEIGHT: 25px; WIDTH: 408px" loop=infinite><FONT color=#000000>我无限循环滚动。</FONT></MARQUEE>
    </TD>
</TR>
<TR>
    <TD height=27 vAlign=middle width="15%">
        <P align=center><FONT color=#000000>loop="-1"</FONT></P>

        <P align=center><FONT color=#000000>无限循环滚动</FONT></P></TD>
    <TD height=27 vAlign=middle width="35%">
        <P>&nbsp;</P>

        <P><FONT color=#000000>&lt;marquee loop="-1"&gt;我无限循环滚动。&lt;/marquee&gt;</FONT></P>

        <P>&nbsp;</P></TD>
    <TD height=27 vAlign=middle width="35%">
        <MARQUEE style="HEIGHT: 25px; WIDTH: 408px"><FONT color=#000000>我无限循环滚动。</FONT></MARQUEE>
    </TD>
</TR>
<TR>
    <TD height=27 vAlign=middle rowSpan=6 width="15%">
        <P align=center><FONT color=#ff0000>scrollamount速度属性</FONT></P>

        <P align=center><FONT color=#ff0000>scrolldelay</FONT></P>

        <P align=center><FONT color=#ff0000>延时属性</FONT></P></TD>
</TR>
<TR>
    <TD height=27 vAlign=middle width="15%">
        <P align=center><FONT color=#000000>属性的参数值</FONT></P></TD>
    <TD height=27 vAlign=middle width="35%">
        <P align=center><FONT color=#000000>示例代码</FONT></P></TD>
    <TD height=27 vAlign=middle width="35%">
        <P align=center><FONT color=#000000>示例</FONT></P></TD>
</TR>
<TR>
    <TD height=27 vAlign=middle width="15%">
        <P align=center><FONT color=#000000>scrollamount="100"</FONT></P>

        <P align=center><FONT color=#000000>速度很快</FONT></P></TD>
    <TD height=27 vAlign=middle width="35%">
        <P>&nbsp;</P>

        <P><FONT color=#000000>&lt;marquee scrollamount="100"&gt;我速度很快&lt;/marquee&gt;</FONT></P>

        <P>&nbsp;</P></TD>
    <TD height=27 vAlign=middle width="35%">
        <MARQUEE style="HEIGHT: 25px; WIDTH: 409px" scrollAmount=100><FONT color=#000000>我速度很快</FONT></MARQUEE>
    </TD>
</TR>
<TR>
    <TD height=27 vAlign=middle width="15%">
        <P align=center><FONT color=#000000>scrollamount="50"</FONT></P>

        <P align=center><FONT color=#000000>速度慢了些</FONT></P></TD>
    <TD height=27 vAlign=middle width="35%">
        <P>&nbsp;</P>

        <P><FONT color=#000000>&lt;marquee scrollamount="50"&gt;我慢了些。&lt;/marquee&gt;</FONT></P>

        <P>&nbsp;</P></TD>
    <TD height=27 vAlign=middle width="35%">
        <MARQUEE style="HEIGHT: 25px; WIDTH: 409px" scrollAmount=50><FONT color=#000000>我慢了些。</FONT></MARQUEE>
    </TD>
</TR>
<TR>
    <TD height=27 vAlign=middle width="15%">
        <P align=center><FONT color=#000000>scrolldelay="30"</FONT></P>

        <P align=center><FONT color=#000000>小步前进</FONT></P></TD>
    <TD height=27 vAlign=middle width="35%">
        <P>&nbsp;</P>

        <P><FONT color=#000000>&lt;marquee scrolldelay="30"&gt;我小步前进。&lt;/marquee&gt;</FONT></P>

        <P>&nbsp;</P></TD>
    <TD height=27 vAlign=middle width="35%">
        <MARQUEE style="HEIGHT: 25px; WIDTH: 408px" scrollDelay=30><FONT color=#000000>我小步前进。</FONT></MARQUEE>
    </TD>
</TR>
<TR>
    <TD height=27 vAlign=middle width="15%">
        <P align=center><FONT color=#000000>scrolldelay="1000" scrollamount="100"</FONT></P>

        <P align=center><FONT color=#000000>大步前进</FONT></P></TD>
    <TD height=27 vAlign=middle width="35%">
        <P>&nbsp;</P>

        <P><FONT color=#000000>&lt;marquee scrolldelay="1000" scrollamount="100"&gt;我大步前进。&lt;/marquee&gt;</FONT></P>

        <P>&nbsp;</P></TD>
    <TD height=27 vAlign=middle width="35%">
        <MARQUEE style="HEIGHT: 25px; WIDTH: 407px" scrollAmount=100 scrollDelay=1000><FONT color=#000000>我大步前进。</FONT>
        </MARQUEE>
    </TD>
</TR>
<TR>
    <TD height=27 vAlign=middle rowSpan=3 width="15%">
        <P align=center><FONT color=#ff0000>bgcolor</FONT></P>

        <P align=center><FONT color=#ff0000>属性</FONT></P>

        <P align=center><FONT color=#000000>背景颜色</FONT></P></TD>
</TR>
<TR>
    <TD height=27 vAlign=middle width="15%">
        <P align=center><FONT color=#000000>属性的参数值</FONT></P></TD>
    <TD height=27 vAlign=middle width="35%">
        <P align=center><FONT color=#000000>示例代码</FONT></P></TD>
    <TD height=27 vAlign=middle width="35%">
        <P align=center><FONT color=#000000>示例</FONT></P></TD>
</TR>
<TR>
    <TD height=27 vAlign=middle width="15%">
        <P>&nbsp;</P>

        <P><FONT color=#000000>bgcolor属性文字滚动范围的背景颜色,参数值是16进制(形式:#AABBCC或#AA5566等)或预定义的颜色名字(如red、yellow、blue等)。</FONT>
        </P>

        <P>&nbsp;</P></TD>
    <TD height=27 vAlign=middle width="35%">
        <P><FONT color=#000000>&lt;marquee behavior=="slide" direction="left" bgcolor="yellow"&gt;我的背景色是黄色的&lt;/marquee&gt;</FONT>
        </P>

        <P>&nbsp;</P></TD>
    <TD height=27 vAlign=middle width="35%">
        <DIV align=center>
            <MARQUEE style="HEIGHT: 82px; WIDTH: 406px" bgColor=yellow behavior='="slide"' align="center">
                <P align=center>&nbsp;</P>

                <P align=center><FONT color=#000000>我的背景色是黄色的</FONT></P></MARQUEE>
        </DIV>
        <DIV align=center>&nbsp;</DIV>
    </TD>
</TR>
<TR>
    <TD height=27 vAlign=middle rowSpan=3 width="15%">
        <P align=center><FONT color=#ff0000>width</FONT></P>

        <P align=center><FONT color=#ff0000>height</FONT></P>

        <P align=center><FONT color=#ff0000>属性</FONT></P></TD>
</TR>
<TR style="BORDER-TOP-COLOR: ; BORDER-LEFT-COLOR: ; BORDER-BOTTOM-COLOR: ; BORDER-RIGHT-COLOR: ">
    <TD height=27 vAlign=middle width="15%">
        <P align=center><FONT color=#000000>属性的参数值</FONT></P></TD>
    <TD height=27 vAlign=middle width="35%">
        <P align=center><FONT color=#000000>示例代码</FONT></P></TD>
    <TD style="BORDER-TOP-COLOR: ; BORDER-LEFT-COLOR: ; BORDER-BOTTOM-COLOR: ; BORDER-RIGHT-COLOR: " height=27
        vAlign=middle width="35%">
        <P align=center><FONT color=#000000>示例</FONT></P></TD>
</TR>
<TR>
    <TD height=27 vAlign=middle width="15%">
        <P><FONT size=2></FONT>&nbsp;</P>

        <P><FONT style="FONT-SIZE: 16px" color=#000000 size=2>width和height属性的作用决定滚动文字在页面中的矩形范围大小。<BR>width属性用以规定矩形的宽度,height属性规定矩形的高度。<BR>这两个属性的参数值可以是数字或者百分数,数字表示矩形所占的(宽或高)像素点数,百分数表示矩形所占浏览器窗口的(宽或高)百分比。</FONT>
        </P>

        <P><FONT size=2></FONT>&nbsp;</P></TD>
    <TD height=27 vAlign=middle width="35%">
        <P><FONT color=#000000>&lt;marquee width="300" height="30"
            bgcolor="red"&gt;我宽300像素,高30像素。&lt;/marquee&gt;</FONT></P>

        <P>&nbsp;</P></TD>
    <TD height=27 vAlign=middle width="35%">
        <DIV align=center>
            <MARQUEE bgColor=red height=30 width=300>
                <DIV align=left><FONT color=#000000>我宽300像素,高30像素。</FONT></DIV>
            </MARQUEE>
        </DIV>
        <DIV align=center>&nbsp;</DIV>
    </TD>
</TR>
<TR>
    <TD height=27 vAlign=middle rowSpan=3 width="15%">
        <P align=center><FONT color=#ff0000>hspace</FONT></P>

        <P align=center><FONT color=#ff0000>vspace</FONT></P>

        <P align=center><FONT color=#ff0000>属性</FONT></P></TD>
</TR>
<TR>
    <TD height=27 vAlign=middle width="15%">
        <P align=center><FONT color=#000000>属性的参数值</FONT></P></TD>
    <TD height=27 vAlign=middle width="35%">
        <P align=center><FONT color=#000000>示例代码</FONT></P></TD>
    <TD height=27 vAlign=middle width="35%">
        <P align=center><FONT color=#000000>示例</FONT></P></TD>
</TR>
<TR>
    <TD height=27 vAlign=middle width="15%">
        <P align=left>&nbsp;</P>

        <P align=left><FONT color=#000000>hspace和vspace属性这两个属性决定滚动矩形区域距周围的空白区域。</FONT></P>

        <P align=left>&nbsp;</P></TD>
    <TD height=27 vAlign=middle width="35%">
        <P>&nbsp;</P>

        <P><FONT color=#000000>&lt;marquee width="300" height="30" vspace="10" hspace="10" bgcolor="red"&gt;我矩形边缘水平和垂直距周围各10像素。&lt;/marquee&gt;<BR></FONT>
        </P>

        <P><FONT color=#000000>&lt;marquee width="300" height="30" vspace="50" hspace="50" bgcolor="red"&gt;我矩形边缘水平和垂直距周围各50像素。&lt;/marquee&gt;</FONT>
        </P>

        <P>&nbsp;</P></TD>
    <TD height=27 vAlign=middle width="35%">
        <MARQUEE bgColor=red vspace=10 height=30 width=300 hspace=10>我矩形边缘水平和垂直距周围各10像素。</MARQUEE>
        <P>&nbsp;</P>

        <P>&nbsp;</P>
        <MARQUEE bgColor=red vspace=50 height=30 width=300 hspace=50><FONT color=#000000>我矩形边缘水平和垂直距周围各50像素。</FONT>
        </MARQUEE>
        <P>&nbsp;</P>

        <P>&nbsp;</P></TD>
</TR>
<TR>
    <TD height=27 vAlign=middle rowSpan=3 width="15%">
        <P align=center><FONT color=#ff0000>onmouseover</FONT></P>

        <P align=center><FONT color=#ff0000>=this.stop() onmouseout</FONT></P>

        <P align=center><FONT color=#ff0000>=this.start() </FONT></P>

        <P align=center><FONT color=#ff0000>属性</FONT></P></TD>
</TR>
<TR>
    <TD height=27 vAlign=middle width="15%">
        <P align=center><FONT color=#000000>属性的参数值</FONT></P></TD>
    <TD height=27 vAlign=middle width="35%">
        <P align=center><FONT color=#000000>示例代码</FONT></P></TD>
    <TD height=27 vAlign=middle width="35%">
        <P align=center><FONT color=#000000>示例</FONT></P></TD>
</TR>
<TR>
    <TD height=27 vAlign=middle width="15%"><FONT color=#000000>表示当鼠标移上区域的时候滚动停止,当鼠标移开的时候又继续滚动。</FONT></TD>
    <TD height=27 vAlign=middle width="35%">
        <P>&nbsp;</P>

        <P><FONT color=#000000>&lt;marquee onmouseover=this.stop() onmouseout=this.start()&gt;表示当鼠标移上区域的时候滚动停止,当鼠标移开的时候又继续滚动。&lt;/marquee&gt;</FONT>
        </P>

        <P>&nbsp;</P></TD>
    <TD height=27 vAlign=middle width="35%">
        <MARQUEE style="HEIGHT: 23px; WIDTH: 445px"><FONT color=#000000>表示当鼠标移上区域的时候滚动停止,当鼠标移开的时候又继续</FONT>滚动。</MARQUEE>
    </TD>
</TR>
<TR>
    <TD height=27 vAlign=middle rowSpan=4 width="15%">
        <P align=center><FONT color=#ff0000>valign</FONT></P>

        <P align=center><FONT color=#ff0000>align</FONT></P>

        <P align=center><FONT color=#ff0000>对齐属性</FONT></P></TD>
</TR>
<TR>
    <TD height=27 vAlign=middle width="15%"><FONT color=#000000>这里是输入文字</FONT></TD>
    <TD height=27 vAlign=middle width="35%"><FONT color=#000000>这里是输入文字</FONT></TD>
    <TD height=27 vAlign=middle width="35%"><FONT color=#000000>这里是输入文字</FONT></TD>
</TR>
<TR>
    <TD height=27 vAlign=middle width="15%"><FONT color=#000000>valign
        表示元素的垂直对齐方式,值可以是top,middle,bottom,默认为middle。这个属性在TABLE标签的表格处理文字。</FONT><BR></TD>
    <TD height=27 vAlign=middle width="35%">
        <P><FONT style="FONT-SIZE: 16px" color=#000000 size=2>&lt;MARQUEE scrollAmount=3 behavior=alternate&gt;</FONT>
        </P>

        <P><FONT style="FONT-SIZE: 16px" color=#000000 size=2>&lt;TABLE </FONT></P>

        <P><FONT style="FONT-SIZE: 16px" color=#000000 size=2>borderColor=#003333</FONT></P>

        <P><FONT style="FONT-SIZE: 16px" color=#000000 size=2>align=center border=1&gt;<BR>&lt;TBODY&gt;<BR>&lt;TR&gt;&lt;TD&gt;
            这个属性在TABLE标签的表格处理文字。<BR>&lt;/TD&gt;<BR>&lt;/TR&gt;<BR>&lt;/TBODY&gt;<BR>&lt;/TABLE&gt;</FONT></P>

        <P><FONT style="FONT-SIZE: 16px" color=#000000 size=2>&lt;/MARQUEE&gt;<BR></FONT></P></TD>
    <TD height=27 vAlign=middle width="35%">
        <WBR>
        &nbsp;
        <MARQUEE style="HEIGHT: 192px; WIDTH: 349px" behavior=alternate scrollAmount=3>
            <TABLE style="HEIGHT: 122px; WIDTH: 190px" borderColor=#003333 align=center border=1>
                <TBODY>
                <TR>
                    <TD>
                        <P><FONT color=#000000>这个属性在TABLE标签的表格处理文字。</FONT></P></TD>
                </TR>
                </TBODY>
            </TABLE>
        </MARQUEE>
    </TD>
</TR>
<TR>
    <TD height=27 vAlign=middle width="15%"><FONT color=#000000>align
        表示元素的水平对齐方式,值可以是left,center,right,默认为left。这个属性决定滚动文字位于距形内边框的上下左右位置。</FONT></TD>
    <TD height=27 vAlign=middle width="35%">
        <P><FONT color=#000000>&lt;marquee direction=up width="300" height="200" bgcolor=#ccffff&gt;&lt;P align=center&gt;这个属性决定滚动文字位于距形内边框的上下左右位置。&lt;/P&gt;&lt;/marquee&gt;</FONT>
        </P></TD>
    <TD height=27 vAlign=middle width="35%">
        <WBR>
        &nbsp;
        <DIV align=center>
            <MARQUEE bgColor=#ccffff direction=up height=200 width=300>
                <P align=center><FONT color=#000000>这个属性决定</FONT></P>

                <P align=center><FONT color=#000000>滚动文字位于</FONT></P>

                <P align=center><FONT color=#000000>距形内边框</FONT></P>

                <P align=center><FONT color=#000000>的上下左右位置。</FONT></P></MARQUEE>
        </DIV>
    </TD>
</TR>
</TBODY>
</TABLE>
</DIV>
<DIV align=center>
    <TABLE title=移动标签(marquee)属性详解-吉祥如意988-360图书馆
           style="HEIGHT: 27px; BORDER-TOP-COLOR: ; WIDTH: 900px; BORDER-COLLAPSE: collapse; BORDER-LEFT-COLOR: ; BORDER-BOTTOM-COLOR: ; TEXT-ALIGN: center; BORDER-RIGHT-COLOR: ; BACKGROUND-COLOR: #afeeee"
           cellSpacing=0 cellPadding=3 width=500 align=left border=1>
        <TBODY>
        <TR style="BORDER-TOP-COLOR: ; BORDER-LEFT-COLOR: ; BORDER-BOTTOM-COLOR: ; BORDER-RIGHT-COLOR: ">
            <TD style="BORDER-TOP-COLOR: ; BORDER-LEFT-COLOR: ; BORDER-BOTTOM-COLOR: ; BORDER-RIGHT-COLOR: ">
                <DIV align=center>&nbsp;<FONT size=4>&nbsp;</FONT><A style="LINE-HEIGHT: 2"
                                                                     href="http://jxry988.360doc.com/"
                                                                     target=_blank><FONT size=4><IMG
                        style="BORDER-LEFT-WIDTH: 0px; HEIGHT: 89px; BORDER-RIGHT-WIDTH: 0px; WIDTH: 757px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px; LINE-HEIGHT: 2; BORDER-TOP-WIDTH: 0px"
                        alt=吉祥如意988-360图书馆
                        src="http://image78.360doc.com/DownloadImg/2014/08/1619/44349620_16.png"></FONT></A></DIV>
                <DIV align=center>
                    <P align=center><FONT style="FONT-SIZE: 29px" color=#000000><FONT size=4><FONT
                            style="LINE-HEIGHT: 2" size=3>&nbsp;</FONT><FONT
                            style="FONT-FAMILY: arial,helvetica,sans-serif"><FONT style="FONT-SIZE: 18px"><FONT
                            style="FONT-FAMILY: 宋体,SimSun"><FONT style="FONT-SIZE: 16px"><FONT
                            style="FONT-SIZE: 18px"><FONT color=#000000><FONT color=#ffff99>&nbsp;&nbsp; <A
                            href="http://jxry988.360doc.com/"><FONT style="FONT-SIZE: 18px" color=#000000>http://jxry988.360doc.com</FONT></A><A
                            href="http://jxry988.360doc.com/" target=_blank><FONT style="FONT-SIZE: 18px"
                                                                                  color=#000000> </FONT></A><A
                            href="http://jxry988.360doc.com/" target=_blank><FONT size=3><FONT style="FONT-SIZE: 18px"
                                                                                               color=#000000>吉祥如意988-360doc个人图书馆</FONT></FONT></A></FONT></FONT></FONT></FONT></FONT></FONT></FONT></FONT></FONT>
                    </P></DIV>
            </TD>
        </TR>
        </TBODY>
    </TABLE>
    <BR></DIV>
</TD>
</TR>
</TBODY>
</TABLE>
</td>
</tr>
</tbody>
</table>
</body>
</html>

 

© 著作权归作者所有

共有 人打赏支持
钟良
粉丝 8
博文 76
码字总数 30027
作品 0
嘉兴
部门经理
HTML语言marquee实现滚动效果

页面的自动滚动效果,可由javascript来实现,但是今天无意中发现了一个html标签 - 可以实现多种滚动效果,无需js控制。 使用marquee标记不仅可以移动文字,也可以移动图片,表格等. 语法:....

you4278
2016/06/23
0
0
使用css3和js在手机上实现简单的跑马灯效果

情况描述 客户想在手机顶部的nav显示单行文字时,在字数较多,一屏显示不下的情况下,文字可以滚动起来.一开始,我是用的php做了一下字数的判断,如果字数比10个多就添加一个

小王JOJO
2016/07/02
17
0
html之marquee详解

该标签不是HTML3.2的一部分,并且只支持MSIE3以后内核,所以如果你使用非IE内核浏览器(如:Netscape)可能无法看到下面一些很有意思的效果 该标签是个容器标签 语法: <marquee></marquee> 以...

终是陌生人
2014/06/17
0
0
html之marquee会移动的文字

该标签不是HTML3.2的一部分,并且只支持MSIE3以后内核,所以如果你使用非IE内核浏览器(如:Netscape)可能无法看到下面一些很有意思的效果 该标签是个容器标签 语法: <marquee></marquee> 以...

随智阔
2013/09/17
0
1
marquee标签不用js实现滚动效果

语法:<marquee>...</marquee>; 说明:在标记之间添加要进行滚动的内容。 重要属性: 1.滚动方向direction(包括4个值:up、 down、 left和 right)   语法:<marquee direction="滚动方向...

boogoogle
2015/12/09
158
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

(一)软件测试专题——之Linux常用命令篇01

本文永久更新地址:https://my.oschina.net/bysu/blog/1931063 【若要到岸,请摇船:开源中国 不最醉不龟归】 Linux的历史之类的很多书籍都习惯把它的今生来世,祖宗十八代都扒出来,美其名曰...

不最醉不龟归
28分钟前
6
0
蚂蚁金服Java开发三面

8月20号晚上8点进行了蚂蚁金服Java开发岗的第三面,下面开始: 自我介绍(要求从实践过程以及技术背景角度着重介绍) 实习经历,说说你在公司实习所做的事情,学到了什么 关于你们的交易平台...

edwardGe
35分钟前
7
0
TypeScript基础入门 - 函数 - this(三)

转载 TypeScript基础入门 - 函数 - this(三) 项目实践仓库 https://github.com/durban89/typescript_demo.gittag: 1.2.4 为了保证后面的学习演示需要安装下ts-node,这样后面的每个操作都能...

durban
45分钟前
0
0
Spark core基础

Spark RDD的五大特性 RDD是由一系列的Partition组成的,如果Spark计算的数据是在HDFS上那么partition个数是与block数一致(大多数情况) RDD是有一系列的依赖关系,有利于Spark计算的容错 RDD中每...

张泽立
52分钟前
0
0
如何搭建Keepalived+Nginx+Tomcat高可用负载均衡架构

一.概述 初期的互联网企业由于业务量较小,所以一般单机部署,实现单点访问即可满足业务的需求,这也是最简单的部署方式,但是随着业务的不断扩大,系统的访问量逐渐的上升,单机部署的模式已...

Java大蜗牛
今天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部