HTML5技术

滚动字幕Marquee - 喵嘻嘻

字号+ 作者:H5之家 来源:H5之家 2017-09-17 11:01 我要评论( )

基本语法 marquee滚动文字 /marquee 文字移动属性的设置 方向 direction=# #=left, right,up,down 方式 bihavior=# #=scroll,由一端滚动到另一端,会重复 slide, 由一端滚动到另一端,不会重复 alternate 在两端之间来回滚动 循环 loop=# #=次数; -1表示一

基本语法 

<marquee>滚动文字 </marquee> 

 

文字移动属性的设置 

 

方向

<direction=#> #=left, right,up,down

 

方式

<bihavior=#> 

#=scroll,由一端滚动到另一端,会重复

     slide, 由一端滚动到另一端,不会重复

     alternate 在两端之间来回滚动

 

循环 

<loop=#> #=次数;

-1表示一直滚动下去

 

速度 

<scrollamount=#>

设定活动字幕的滚动速度

 

 

延时 

<scrolldelay=#>

设定活动字幕滚动两次之间的延时

 

外观(Layout)设置 

 

对齐方式(Align)  

<align=#> #=top, middle, bottom

 

底色 

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

 

面积  

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

 

鼠标响应:即鼠标指向就停,离开继续.

onmouseover="this.stop()">

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • h5之scrollIntoView控制页面元素滚动 - webNick

    h5之scrollIntoView控制页面元素滚动 - webNick

    2017-06-24 17:00

  • 一个标签实现滚动 - 小僵尸

    一个标签实现滚动 - 小僵尸

    2017-05-18 17:02

  • 【CSS3】精美横向滚动菜单按钮 - Glunefish

    【CSS3】精美横向滚动菜单按钮 - Glunefish

    2017-04-14 14:00

  • CSS3特性修改(自定义)浏览器默认滚动条 - 玩世不恭、

    CSS3特性修改(自定义)浏览器默认滚动条 - 玩世不恭、

    2017-01-16 13:00

网友点评
7