html 跑马灯marquee属性

一、marquee标签的几个重要属性：

1.direction：滚动方向(包括4个值：up、down、left、right)

说明：up：从下向上滚动；down：从上向下滚动；left：从右向左滚动；right：从左向右滚动。

语法：<marquee direction="滚动方向">...</marquee>

2.behavior：滚动方式(包括3个值：scroll、slide、alternate)

说明：scroll：循环滚动，默认效果；slide：只滚动一次就停止；alternate：来回交替进行滚动。

语法：<marquee behavior="滚动方式">...</marquee>

3.scrollamount：滚动速度(滚动速度是设置每次滚动时移动的长度，以像素为单位)

语法：<marquee scrollamount="5">...</marquee>

4.scrolldelay:设定滚动两次之间的延迟时间，值大了会有一步一停顿的效果(设置滚动的时间间隔，单位是毫秒)

语法：<marquee scrolldelay="100">...</marquee>

5.loop：设定滚动循环的次数(默认值是-1，滚动会不断的循环下去)

语法：<marquee loop="2">...</marquee>

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

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

6.width、height：设定滚动字幕的宽度、高度

语法：<marquee width="500" height="200">...</marquee>

7.bgcolor：设定滚动字幕的背景颜色(可以是颜色值，也可以是rgb()或rgba()函数)

语法：<marquee bgcolor="rgba(0,0,0,0.2)">...</marquee>

8.hspace、vspace：空白空间(相当于设置margin值)

说明：hspace：设定活动字幕里所在的位置距离父容器水平边框的距离，如hspace=“10”，即等同于：margin：0 10px；

vspace：设定活动字幕里所在的位置距离父容器垂直边框的距离，如vspace=“10”，即等同于：margin：10px 0；

语法：<marquee hspace="10" vspace="10">...</marquee>(等同于：margin：10px；)

9.align：设定滚动字幕内容的对齐方式(包括9个值：absbottom、absmiddle、baseline、bottom、left、middle、right、 texttop、top)

说明：absbottom：绝对底部对齐（与g、p等字母的最下端对齐）
absmiddle：绝对中央对齐
baseline：底线对齐
bottom：底部对齐（默认）
left：左对齐
middle：中间对齐
right：右对齐
texttop：顶线对齐
top：顶部对齐

语法：<marquee align="对齐方式">...</marquee>

10.face：设定滚动字幕的文字字体

语法：<marquee font="楷体_GB2312"></marquee>

11.color：设定滚动字幕的文字颜色

语法：<marquee color="#333"></marquee>

12.size：设定滚动字幕的文字字号

语法：<marquee size="3"></marquee>

13.STRONG：设定滚动字幕的文字加粗

语法：<marquee STRONG></marquee>

二、marquee常用到的两个事件：

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

1	`<marquee` `onMouseOut="this.start()"` `onMouseOver="this.stop()">marquee常用到的两个事件</marquee>`

完整代码如下：

1	`<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()">`

html 跑马灯marquee属性相关推荐

前端：弹幕标签用法详细介绍（跑马灯）
弹幕标签 1,注意弹幕标签marquee,现在一些浏览器是不支持的 2,弹幕标签也叫跑马灯 marquee格式及其含有的属性 1.基本格式如下: <marquee></marque ...
参考学习的各种跑马灯代码
实现跑马灯的方法很多,其中最简单的是采用一句Html代码来实现,我们在需要出现跑马灯效果的地方插入"<marquee>滚动的文字</marquee>"语句, ...
android:ellipsize = marquee 跑马灯,Android基于TextView属性android:ellipsize实现跑马灯效果的方法...
本文实例讲述了Android基于TextView属性android:ellipsize实现跑马灯效果的方法.分享给大家供大家参考,具体如下: Android系统中TextView实现跑马灯效果,必须具 ...
TextView系列：ellipsize属性详解 android:ellipsize=“marquee“（跑马灯效果）
如下图,从上到下,ellipsesize对应的属性依次是: none start middle end 单行末尾省略比较常见,需要设置三个点:textView宽度,singleLine为true,el ...
android:ellipsize = marquee 跑马灯,Android-单行跑马灯（一直循环）效果
[声明:]本文是作者(蘑菇v5)原创,版权归作者蘑菇v5所有,侵权必究.本文首发在简书.如若转发,请注明作者和来源地址!未经授权,严禁私自转载! 前言: 提示的效果,要求一直循环. 1.跑马灯效果( ...
Android学习笔记（二）——TextView常用属性以及下划线、跑马灯设置
属性 Textsize:字体的大小(单位Px) Textcolor:字体的颜色 text:文本内容.(设置文本内容也可以在activity中通过函数是setText()设置,可以传入字符串也可以传入整 ...
HTML之marquee标签（滚动字幕（跑马灯））
再来学习一个标签---marquee,认识这个单词的人应该知道这个单词的意思是跑马灯. 但其实在H5中这个标签的语义是滚动字幕. marquee标签并不是W3C官方推荐的标签,但是这个标签在各个浏览器 ...
Android TextView跑马灯不动及属性
<TextView android:text="每一个视图的绘制过程都必须经历三个最主要的阶段,即onMeasure().onLayout()和onDraw(),"andro ...
TextView属性大全及跑马灯效果
TextView控件常见属性: android:autoLink :设置是否当文本为URL链接/email/电话号码/map时,文本显示为可点击的链接.可选值(none/web /email/phon ...

html 跑马灯marquee属性

html 跑马灯marquee属性相关推荐

最新文章

热门文章