网页制作中的字幕滚动
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
初识html
插入滚动字幕:<marquee>滚动字幕</marquee>
相关属性代码:
属性
参数
参数含义
Align:设定marquee的对齐方式
Absbottom
绝对底部对齐(与g、p等字母底部对齐)
Absmiddle
绝对中央对齐
Baseline
底线对齐
bottom
底部对齐
Left
左对齐
Middle
中间对齐
Scrolldelay:设定活动字幕滚动两次之间的延迟时间,单位为millisecond毫秒,该值设置过大会有一步一停顿的效果
示例:
<body>
<marquee align="lefe" behavior="scroll" bgcolor="#00FF99" direction="up" height="300px" width="200px" hspace="50" vspace="20" loop="-1" scrolldelay="100" scrollamount="10" onmouseout="this.start()" onmousemove="this.stop()">此字幕设置了11种样式</marquee>
Right
右对齐
Texttop
顶线对齐
top
顶部对齐BehaviFra bibliotekr:设定滚动方式
Alternate
两端来回滚动
Scroll
重复由一端到另一端
Slide
不重复由一端到另一端
Background:设置其背景颜色,可用RGB、16进制值或者颜色名称来设定
Direction:滚动方向
Up
向上滚动
down
向下滚动
Left
向左滚动
Right
向右滚动
Height:活动字幕的高度
Width:活动字幕的宽度
Hspace:设定活动字幕所在位置距离父容器水平边框的距离
Vspace:设定活动字幕所在位置距离父容器垂直边框的距离
Loop:设置滚动次数,当loop=-1时一直滚动,此为默认值
scloiiamount:设置滚动速度,单位为pixels像素
插入滚动字幕:<marquee>滚动字幕</marquee>
相关属性代码:
属性
参数
参数含义
Align:设定marquee的对齐方式
Absbottom
绝对底部对齐(与g、p等字母底部对齐)
Absmiddle
绝对中央对齐
Baseline
底线对齐
bottom
底部对齐
Left
左对齐
Middle
中间对齐
Scrolldelay:设定活动字幕滚动两次之间的延迟时间,单位为millisecond毫秒,该值设置过大会有一步一停顿的效果
示例:
<body>
<marquee align="lefe" behavior="scroll" bgcolor="#00FF99" direction="up" height="300px" width="200px" hspace="50" vspace="20" loop="-1" scrolldelay="100" scrollamount="10" onmouseout="this.start()" onmousemove="this.stop()">此字幕设置了11种样式</marquee>
Right
右对齐
Texttop
顶线对齐
top
顶部对齐BehaviFra bibliotekr:设定滚动方式
Alternate
两端来回滚动
Scroll
重复由一端到另一端
Slide
不重复由一端到另一端
Background:设置其背景颜色,可用RGB、16进制值或者颜色名称来设定
Direction:滚动方向
Up
向上滚动
down
向下滚动
Left
向左滚动
Right
向右滚动
Height:活动字幕的高度
Width:活动字幕的宽度
Hspace:设定活动字幕所在位置距离父容器水平边框的距离
Vspace:设定活动字幕所在位置距离父容器垂直边框的距离
Loop:设置滚动次数,当loop=-1时一直滚动,此为默认值
scloiiamount:设置滚动速度,单位为pixels像素