网页中的滚动字幕怎么做? 5

 我来答
流穿蜂
推荐于2016-04-03 · TA获得超过6.9万个赞
知道大有可为答主
回答量:7355
采纳率:66%
帮助的人:3307万
展开全部
网页的滚动字幕是用<marquee></marquee> 这一对标识确定的(还有JS方法等,鉴于太罗嗦,不做介绍了。如果要做上下滚动,可以用FLASH来做)。

各种滚动效果的源码如下:(可以直接拷贝到网页源码<body></body>中使用)

1.字幕至边框停住
<marquee behavior="slide" direction="left" scrollamount="9" scrolldelay="75">移动字幕自右至左停住的效果</marquee>
<marquee behavior="slide" direction="right" scrollamount="9" scrolldelay="75">移动字幕自左至右停住的效果</marquee>

2.字幕至边框移出循环
<marquee scrollamount="9" scrolldelay="75">移动字幕自右至左出屏循环的效果</marquee>
<marquee direction="right" scrollamount="9" scrolldelay="75">移动字幕自左至右出屏循环的效果</marquee>

3.字幕至边框往复循环
<marquee scrollamount="9" scrolldelay="75" behavior="alternate">移动字幕自右至左往复的效果</marquee>
<marquee direction="right" scrollamount="9" scrolldelay="75" behavior="alternate">移动字幕自左至右往复的效果</marquee>

【名词解释】

marquee|声明使用移动文字的效果
scrollamount="9"|移动文字的速度
scrolldelay="75">|移动文字的帧间隔时间
scrollamount/scrolldelay的经验值约为1/9-1/7左右
direction="right"|移动文字的方向(缺省不写本属性为向左)
behavior="slide"|字幕至边框停住的效果
behavior="alternate">|字幕至边框往复循环
月明讲科技
2021-04-16 · TA获得超过178个赞
知道答主
回答量:653
采纳率:100%
帮助的人:30.5万
展开全部

关注月明讲科技收看更多实用教程

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
苦璟香燕晨
2019-04-29 · TA获得超过3949个赞
知道大有可为答主
回答量:3162
采纳率:30%
帮助的人:153万
展开全部
<blockquote><marquee
direction="up"
scrollamount="1"
height="260"
onmouseover='this.stop()'
onmouseout='this.start()'
width="447">
<p
class="STYLE8">后面加文字内容
这是我做网页中的一段代码,给你借鉴一下,其中的height="260"是我的文字的幅高width="447"是文字幅宽,这个你不用一样,<p
class="STYLE8">这是我做的一个文字的CSS样式,你也不用一样,其中的onmouse这是指鼠标在文字上面字幕停止,鼠标离开后,字幕继续滚动的代码,主要对鼠标的
你试下
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
况暎兴香馨
2019-03-27 · TA获得超过3869个赞
知道大有可为答主
回答量:3106
采纳率:24%
帮助的人:436万
展开全部
<blockquote><marquee
direction="up"
scrollamount="1"
height="260"
onmouseover='this.stop()'
onmouseout='this.start()'
width="447">
<p
class="STYLE8">后面加文字内容
这是我做网页中的一段代码,给你借鉴一下,其中的height="260"是我的文字的幅高width="447"是文字幅宽,这个你不用一样,<p
class="STYLE8">这是我做的一个文字的CSS样式,你也不用一样,其中的onmouse这是指鼠标在文字上面字幕停止,鼠标离开后,字幕继续滚动的代码,主要对鼠标的
你试下
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式