网页中的滚动字幕怎么做? 5
4个回答
展开全部
网页的滚动字幕是用<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">|字幕至边框往复循环
各种滚动效果的源码如下:(可以直接拷贝到网页源码<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">|字幕至边框往复循环
展开全部
关注月明讲科技收看更多实用教程
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<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这是指鼠标在文字上面字幕停止,鼠标离开后,字幕继续滚动的代码,主要对鼠标的
你试下
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这是指鼠标在文字上面字幕停止,鼠标离开后,字幕继续滚动的代码,主要对鼠标的
你试下
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<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这是指鼠标在文字上面字幕停止,鼠标离开后,字幕继续滚动的代码,主要对鼠标的
你试下
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这是指鼠标在文字上面字幕停止,鼠标离开后,字幕继续滚动的代码,主要对鼠标的
你试下
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询