怎么用html制作滚动的字幕?

如题所述

第1个回答  2024-04-04

跟着我整理好的制作流程来做,marquee的基本属性我也整理的比较容易理解了。如果做出来的效果和你想的不同就看看属性设置里面是不是有误。

1:在需要滚动文字的地方插入光标,然后点击插入面板的“标签选择器”。

2:选择HTML标签中的页面元素,然后选择右侧marquee标签。点击“插入”按钮,关闭“标签选择器”。

3:转换到代码视图。把光标插入点放在的标签之间,输入需要滚动的文字。然后选择“窗口”→“标签检查器”。

4:在标签检查器behavior属性栏中点击behavior右侧的下拉箭头,显示的三项属性为滚动字幕内容的运动方式。【Alternate=交替滚动】【Scroll=循环滚动】【Slide=幻灯片效果。(指滚动一次,然后停止滚动)】

5:direction属性设置字幕内容的滚动方向。分别为:Up=向上运动,down=向下运动,Left=向左运动,Right=向右运动。默认值为Left。

6:scrollamount属性设置字幕滚动的速度。单位为像素,一般设为1-3。数值越大滚动速度越快。

7:scrolldelay属性设置字幕内容滚动时延迟时间,单位为毫秒,通常可以不设置_。

8:width和height属性设置表示滚动区域的大小。width=滚动宽度,height=滚动高度。width属性设置滚动字幕的宽度。宽度和高度可用像素或可视页面的百分比来表示。例如滚动宽度是可视页面的100%,而滚动宽度则是可视页面的100像素。制做垂直滚动效果的时候,一定要设height的值。

9:style属性设置字幕内容的样式。需要手工输入。我设置的为“font:13px;”。

10:loop属性设置字幕内容滚动次数,默认时,marquee将一直循环,直到behavior属性值被设置为slide才停止。也可以使用值-1来设置文字循环运动无限次。

11:align属性设置是指和周围文字的对齐方式。默认值为Left。

12:trueSpeed属性设置是平滑滚动,当使用这个属性时,表示scrolldelay值应该根据它的精确值来实现。如果没有使用这个属性,任何小于60的值都将作为60毫秒。(如果在scrolldelay的值设为1的情况下使用了trueSpeed属性你会发现滚动文字会以奇快的速度在运行)

13:vspace属性设置是指指定的marquee区域和它周围的文字的垂直间距,单位为像素。

14:bgcolor属性设置是指滚动文字的背景颜色。

logo设计

创造品牌价值

¥500元起

APP开发

量身定制,源码交付

¥2000元起

商标注册

一个好品牌从商标开始

¥1480元起

公司注册

注册公司全程代办

¥0元起

    官方电话官方服务
      官方网站八戒财税知识产权八戒服务商企业需求数字市场