marquee.docx

上传人:b****4 文档编号:13939462 上传时间:2023-06-19 格式:DOCX 页数:9 大小:17.48KB
下载 相关 举报
marquee.docx_第1页
第1页 / 共9页
marquee.docx_第2页
第2页 / 共9页
marquee.docx_第3页
第3页 / 共9页
marquee.docx_第4页
第4页 / 共9页
marquee.docx_第5页
第5页 / 共9页
marquee.docx_第6页
第6页 / 共9页
marquee.docx_第7页
第7页 / 共9页
marquee.docx_第8页
第8页 / 共9页
marquee.docx_第9页
第9页 / 共9页
亲,该文档总共9页,全部预览完了,如果喜欢就下载吧!
下载资源
资源描述

marquee.docx

《marquee.docx》由会员分享,可在线阅读,更多相关《marquee.docx(9页珍藏版)》请在冰点文库上搜索。

marquee.docx

marquee

 动态的元素,更加吸引读者的眼球!

如何使你的文字舞动起来呢,下面介绍CSS中移动属性marquee的用法。

  语法:

  使用移动属性marquee,不仅仅可以舞动你的文字,还可以应用于图片,表格等等。

  欢迎光临科讯青年学习频道!

  direction=left,表示方向。

上面文字效果是“欢迎光临科讯青年学习频道!

”从右向左移动!

另外,方向还有right,up,down。

  除了方向,我们还可以添加其他限制的元素:

  移动的方式:

  循环移动:

loop=n(n,表示次数)

  绕圈移动:

behavior=scroll

  只走一次:

behavior=slide

  来回移动:

behavior=alternate

  外观:

  字号:

(n,变量)

  对齐方式:

align=top/middle/bottom

  底色:

bgcolor=Blue(预定义色彩,如:

Black,Olive,Teal,Red,Blue,Maroon,Navy,Gray,Lime,Fuchsia,White,Green,Purple,Silver,Yellow,Aqua或16进制数码)

  其它:

  速度:

scrollamount=n(n,变量)

  延时:

scrolldelay==n(n,变量)

DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http:

//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

//www.w3.org/1999/xhtml">

无标题文档

.bbsrightdivcontent{padding:

20px;width:

570px;}

p.bbshotimgp{line-height:

17px;text-indent:

0px;font-size:

12px;width:

100px;overflow:

hidden;white-space:

nowrap;text-overflow:

ellipsis;}

.bbshotimgdiv{text-align:

center;margin-right:

20px;display:

inline;width:

100px;float:

left;}

介绍介绍介介绍介绍介绍介绍介绍介绍介绍介绍介绍

介绍介绍介介绍介绍介绍介绍介绍介绍介绍介绍介绍

介绍介绍介介绍介绍介绍介绍介绍介绍介绍介绍介绍

介绍介绍介介绍介绍介绍介绍介绍介绍介绍介绍介绍

介绍介绍介介绍介绍介绍介绍介绍介绍介绍介绍介绍

介绍介绍介介绍介绍介绍介绍介绍介绍介绍介绍介绍

介绍介绍介介绍介绍介绍介绍介绍介绍介绍介绍介绍

介绍介绍介介绍介绍介绍介绍介绍介绍介绍介绍介绍

介绍介绍介介绍介绍介绍介绍介绍介绍介绍介绍介绍

介绍介绍介介绍介绍介绍介绍介绍介绍介绍介绍介绍

介绍介绍介介绍介绍介绍介绍介绍介绍介绍介绍介绍

html中Marquee属性详解用于文字,图片等等....

Marquee标记用于在可用浏览区域中滚动文本。

 

    格式:

 

    [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():

用来设置鼠标移入该区域时停止滚动

Marquee也可以做飘浮广告效果:

<marqueebehavior="alternate"height="300"direction="up"scrollamount="3"scrolldelay="30"width="300"bgcolor="#3399FF">

<marqueebehavior="alternate"height="50"direction="left"scrollamount="3"scrolldelay="30"width="100%">

<fontstyle="font-size:

35px">Ouyang</font>

</marquee>

...

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

鼠标属性

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

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

方向

#=left,right,up,down从右向左移!

方式

#=scroll,slide,alternate一圈一圈绕着走!

只走一次就歇了!

来回走

循环

#=次数;若未指定则循环不止(infinite)只走3趟

只走3趟

只走3趟!

速度

啦啦啦,我走得好快哟!

延时

啦啦啦,我走一步,停一停!

外观(Layout)设置

对齐方式(Align)

#=top,middle,bottom

啦啦啦,我会移动耶!

底色

#=rrggbb16进制数码,或者是下列预定义色彩:

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

Fuchsia,White,Green,Purple,Silver,Yellow,Aqua颜色!

面积

面积!

空白

(Margins)

面积!

 

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > PPT模板 > 其它模板

copyright@ 2008-2023 冰点文库 网站版权所有

经营许可证编号:鄂ICP备19020893号-2