精华内容
下载资源
问答
  • HTML滚动字幕
    千次阅读
    2019-03-29 11:05:16
    <marquee scrollAmount="2" width="300">yu.hiretianxia.cn</marquee>
    

    各参数详解:
    a、scrollAmount:表示速度,值越大速度越快。如果没有,则默认为6,建议设为1~3。
    b、width和height:表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。
    c、direction:表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:right表示→→→,up表示↑,down表示↓。
    d、scrollDelay:用来控制延迟滚动(设置滚动的时间间隔,单位是毫秒),默认为0,值越大,速度越慢。通常scrollDelay是不需要设置的。
    e、behavior:用来控制滚动方式,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动)。
    f、bgcolor:表示运动区域的背景色,值是16进制的RGB颜色,默认为白色。
    g、loop:表示循环次数,值是正整数,默认为无限循环。
    h、align:表示元素的垂直对齐方式,可选值有top、middle、bottom,默认为middle。
    i、οnmοuseοver=“this.stop();” οnmοuseοut=“this.start();”:表示当鼠标经过滚动区域的时候停止滚动,当鼠标离开的时候继续滚动。
    j、hspace、vspace(好像没效果,知道的麻烦留言告知,谢谢):表示元素到区域边界的水平和垂直距离,值是正整数,单位是像素。

    更多相关内容
  • HTML字幕滚动效果

    2015-11-01 20:20:25
    使用HTML可以实现字幕滚动效果,代码特别简单但是为我们的系统增添了不少色彩。
  • 水平滚动字幕jquery插件,marquee效果。使用:$('.txt-scroll').txtscroll({'speed': 50});
  • 制作滚动字幕效果:marquee标签 如下:() onmouseover=stop() scrollAmount=4> 参数说明:direction滚动方向:up向上滚动,down向下滚动,left向左滚动,right向右滚动behavior滚动方式:scroll绕来绕去,slid...

    制作滚动字幕效果:marquee标签 如下:<MARQUEE direction=up height=146 οnmοuseοut=start() οnmοuseοver=stop() scrollAmount=4> </marquee>

    参数说明:

    direction滚动方向:

    up向上滚动,down向下滚动,left向左滚动,right向右滚动

    behavior滚动方式:

    scroll绕来绕去,slide滚动一次就停下来,alternate来回滚动

    scrollAmount滚动速度:数值越大滚动越快

    scrollDelay滚动延迟:数值越大延迟时间越长

    loop循环次数:循环几次

    bgcolor背景颜色

    height高度

    width宽度

    οnmοuseοut=start() οnmοuseοver=stop()鼠标悬停停止,离开继续滚动

    移动方式可以系属性果度改...下上左右都得...

    滚动字幕的使用可以增加网页的动感,让网页显得更有生气。当然用javascript可以实现滚动字幕效果;使用Dreamweaver的图层再用其时间轴功能可以做出非常漂亮的滚动看板。但相对而言,用HTML的滚动字幕标记所需的代码最少,虽然效果不是最好,但确实能够以较少的下载时间换来较好的效果。该标记语法格式如下:

    aligh=left|center|right|top|bottom

    bgcolor=

    direction=left|right|up|down

    behavior=

    height=

    hspace=

    scrollamount=

    Scrolldelay=

    width=

    VSpace=

    loop= >

    滚择不同的参数,滚动字幕会有不同的显示方式。下面解释一下各参数的含义:

    align:是设定滚动字幕的位置,除左、中、右三种位置外,还有靠上(align=top)和靠下(align=bottom)两种位置。
    Bgcolor:用于设定滚动字幕的背景颜色。

    Direction:用于设定滚动字幕的滚动方向。

    Behavior:用于设定滚动的方式,

    主要由三种方式:behavior="scroll"表示由一端滚动到另一端;behavior="slide":表示由一端快速滑动到另一端,且不再重复;behavior="alternate"表示在两端之间来回滚动。
    Height:用于设定滚动字幕的高度

    Width:则设定滚动字幕的宽度。

    Hspace和vspace:分别用于设定滚动字幕的左右边框和上下边框的宽度。

    Scrollamount:用于设定滚动字幕的滚动距离。

    scrolldelay:用于设定滚动两次之间的延迟时间。

    Loop:用于设定滚动的次数,当loop=-1表示一直滚动下去,直到页面更新。

    标记的默认情况是向左滚动无限次,字幕高度是文本高度,滚动范围:水平滚动的宽度是当前位置的宽度;垂直滚动的高度是当前位置的高度。

    应用技巧

    1、垂直滚动

    只要加上diriction="up"就行了,如

    向上滚动

    2、多行文本的滚动字幕

    由于标记只能作用于一段文本,因此多行滚动字幕,分行时只能用
    标记,不能用

    标记.

    滚动字幕内容第一行

    滚动字幕内容第二行

    滚动字幕内容第三行

    3、在字幕内容中加入图象

    虽是一个滚动字幕标记,但它允许在其中加入图象:

    a2ball.gif这是加入图象的滚动字幕

    标记的参数较多,在应用中要把握一个原则,能用默认值就不要再设置参数值,用什么参数就设置该参数的值,其它参数就不要再设置,以把代码控制在最少的范围内。

    用MARQUEE标签可以做文字或图片的简单的左右或上下移动。并可以响应鼠标、加入链接。不需要复杂的JS,只要一句简单的MARQUEE标签。

    下面跟你介绍下标签中的参数设置。点这里看示例文件。(MARQUEE标签只有IE支持,在NC的浏览器上无效)

    先看下代码:

    这是放文字或需要移动的图片(光标放在这里时用INSERT命令就可以插入图片)

    下面来解释下各参数意思:

    direction=left/right/up/down表示移动的方向 可以是 上下左右

    BEHAVIOR 属性:改变 marquee 标签内容移动的几种方式。alternate滚动的内容会来回滚动。scroll默认的从右到左的移动。slide滚动结束后会停留在最后的位置上。

    scrollAmount:定每显示一个marquee片段间的间距 如 scrollAmount =100

    scrollDelay 指定每显示一个marquee片段间的时间差 如 scrollDelay = 1

    LOOP:指定循环显示的次数,如 loop=3 还可以1, 默认的值是 无限循环

    BGCOLOR: 背景的颜色 如 #990000 black 等都是有效的值

    width: 移动范围的长度 如 width=300 也可以是百分数。

    height: 移动范围的高度 如 height=50

    Align #=top, middle, bottom 表示居中位置

    Margins 表示MARQUEE块在上下和左右方向留的空距。

    title: 鼠标移动marquee上时出现的说明 好象或图片的ALT那种。

    style: 你可加入风格的样式,如字体的颜色等 STYLE="{color: #ffffff; font-family:Arial;font-size:8pt}"

    stop的SCRIPT:可以令到滚动停止 试试在中加入 onmouserover=this.stop

    start 可以令到滚动重新开始 试试在中加入 onmouserover=this.start

    还可以有onbounce 触发当来回一次时触发的事件等等。

    也可以用以下的javascript方式控制MARQUEE的鼠标响应:其中iescroller是MARQUEE的ID。

    iescroller.οnmοuseοver=new Function("iescroller.scrollAmount=0");

    iescroller.οnmοuseοut=new Function("iescroller.scrollAmount=2");

    展开全文
  • 该源码界面展示文章地址:https://www.cnblogs.com/lifexy/p/13867016.html,主要实现了无间隙滚动字幕,支持自适应主界面大小,根据主界面窗口变换,自动更正文本大小,速度,下载下来就可以编译
  • Pr是我们常用的视频剪辑工具,在剪辑过程会涉及到滚动字幕的速度调节,有些字幕很快,有些却很慢,想要自己调节字幕的速度,该怎么调节呢?下面我们就来看看详细的教程。软件名称:Adobe Premiere Pro CC 2019(PR) v...

    Pr是我们常用的视频剪辑工具,在剪辑过程会涉及到滚动字幕的速度调节,有些字幕很快,有些却很慢,想要自己调节字幕的速度,该怎么调节呢?下面我们就来看看详细的教程。

    软件名称:Adobe Premiere Pro CC 2019(PR) v13.0 中/英文安装版 64位软件大小:1.53GB更新时间:2018-10-22立即下载

    2019091910594937.jpg%20%20

    1、打开Adobe Premiere Pro CC 2019,点击新建项目,如图

    2019091910594938.jpg%20%20

    2、输入名称:如“百度经验”,再点击确定,如图

    2019091910594939.jpg%20%20

    3、进入项目后,在左下角“导入媒体**”这里单击右键,选择导入事先准备好的视频,导入后,并拖到右边的时间轴编辑框,如图

    2019091910594940.jpg%20%20

    4、点击顶部菜单栏的“文件”-“新建”-”旧版标题“,如图

    2019091910595041.jpg%20%20

    5、弹出字母对话框确定后,输入字幕,如:百度百度百度,点击字幕滚动/游动选项,选择“向左游动”,“定时(帧)”下都打勾,并确定,如图

    2019091910595042.jpg%20%20

    6、将设定好的字幕从左边拖动到右边的时间轴编辑,并选中字幕所在图层,单击右键,选择速度/持续时间…如图

    2019091910595043.jpg%20%20

    7、鼠标放置于持续时间,向左拖动,缩短时间,并确定,如图,字幕速度调节完成

    2019091910595044.jpg%20%20

    总结:

    ①打开Adobe Premiere Pro CC 2019,点击新建项目;

    ②输入名称:如“百度经验”,再点击确定;

    ③进入项目后,在左下角“导入媒体**”这里单击右键,选择导入事先准备好的视频,导入后,并拖到右边的时间轴编辑框;

    ④点击顶部菜单栏的“文件”-“新建”-”旧版标题“;

    ⑤弹出字母对话框确定后,输入字幕,如:百度百度百度,点击字幕滚动/游动选项,选择“向左游动”,“定时(帧)”下都打勾,并确定;

    ⑥将设定好的字幕从左边拖动到右边的时间轴编辑,并选中字幕所在图层,单击右键,选择速度/持续时间;

    ⑦鼠标放置于持续时间,向左拖动,缩短时间,并确定,字幕速度调节完成。

    以上就是pr字幕滚动速度的设置方法,希望大家喜欢,请继续关注脚本之家。

    相关推荐:

    展开全文
  • Html 文字滚动

    2021-06-08 18:21:49
    滚动字幕会让很多人感到兴奋,特别是第一次使用滚动字幕时,会爱不释手。现在做一个详细的方案,让你更全面地了解一下。滚动字幕在FrontPage的组件里有,但是FrontPage这个软件只能支持单行文字,一出现多行文字它就...

    滚动字幕会让很多人感到兴奋,特别是第一次使用滚动字幕时,会爱不释手。现在做一个详细的方案,让你更全面地了解一下。

    滚动字幕在FrontPage的组件里有,但是FrontPage这个软件只能支持单行文字,一出现多行文字它就无能为力了,而且它只能支持一行滚动!(如果出现只能滚动一行的情况,解决办法是把这段代码嵌入到JavaScript的document.write里面,请看下面例的详细说明) Dreamweaver也只能用编写HTML代码的方法。所以强烈建议用记事本打开网页源代码来编辑。

    1.建立第一个滚动字幕。代码:

    

    以下是引用片段:

    滚动字幕

    2.各参数详解:

    a)scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。

    b)width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。

    c)direction。表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:right表示→→→,up表示↑,down表示↓。

    d)scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。

    e)behavior。用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动)

    3.实例:

    a)如何给滚动字幕加超链接?这跟平时的超链接是完全一样的。只要在文字外面加上

    以下是引用片段:

    中央电视台

    点击中央电视台就可以进入了:

    中央电视台

    b)如何制作当鼠标停留在文字上,文字停止滚动?

    代码如:

    以下是引用片段:

    文字内容

    c)交替效果。代码如:

    以下是引用片段:

    文字内容

    d)多行文本向上滚动。代码如:

    展开全文
  • 字幕滚动 源码作者: 邓学彬(泪闯天涯) 源码说明: 类似HTML中的标签,实现文字滚动、跑马灯的效果。 支持设置移动方向、移动速度、鼠标悬停、文本颜色、背景图片等等。 支持设置链接,点击鼠标后跳转链接。
  • HTML 滚动字幕

    2021-06-08 18:39:48
    其实用它也可以作出垂直方向上下滚动字幕,不过你得进行手工编辑了:首先用Frontpage2000自带的HTML语言编辑器或记事本打开网页源代码,找到滚动字幕段,在〈marquee〉标签中,有一个direction=left(如果没有,你...
  • html页面实现滚动字幕

    千次阅读 2021-06-08 15:07:05
    标签marquee用于文字图片等等这里文字是自右向左循环滚动marquee的属性有1,ALIGN 按设定的值对齐滚动文本 --value:right,left,top,center,bottom.(非必须使用)2,BEHAVIOR页面上一旦出现文本时让浏览器按照设定的方法...
  • css+js滚动字幕

    2017-04-17 12:51:21
    html css+纯js实现无缝连接循环的滚动字幕,内有注释
  • 设置好文字颜色之后,拖动画面中的文字修改其整体位置,如图把文字拖到视频正下方即可: 此时还可以对滚动字幕的播放速度进行设置,点击下图步骤一处的设置按钮,在步骤二处拖动滑块可修改滚动速度,当然滚动字幕的...
  • 讲述HTML代码中比较特殊的标签,它能使网页中的文字滚动,并且可以控制其滚动的属性。以下是小编整理的网页HTML代码滚动文字制作,欢迎来阅读!制作滚动文字通过本章前面的学习,读者已经能够很好地控制各种段落文字...
  • 滚动字幕的原理是用timer定时器间隔一定的时间来驱动scrollView上的内容偏移,来实现滚动的效果,原理比较简单,关键是有些细节需要处理好,实现流畅效果的同时要考虑到性能优化 这里是.h文件的接口方法及属性,可...
  • HTML滚动文字设置

    2021-06-12 09:10:23
    的用途比较广泛,在这里详细讲解一下.主要参数设置:align:是设定活动字幕的位置,除了居左、...Direction:用于设定活动字幕滚动方向是向左(left)、向右(right)、向上(up)、向下(down)。Behavior:用于设定滚动...
  • HTML5怎么设置滚动字幕?惠州北大青鸟学术部老师告诉你。 direction表示滚动的方向,值可以zhi是daoleft,right,up,down,默认为left。 此处输入滚动内容 ◎ direction表示滚动的方向,值可以zhi是daoleft,right...
  • 主要介绍了HTML5 video视频字幕的使用和制作,HTML5允许我们使用元素为视频指定字幕,需要的朋友可以参考下
  • 本节笔者讲述HTML代码中比较特殊的标签,它能使网页中的文字滚动,并且可以控制其滚动的属性。 制作滚动文字 通过本章前面的学习,读者已经能够很好地控制各种段落文字的显示方式,不过无论怎么设置,文字都是静态的...
  • html文字滚动代码滚动文字滚动文字滚动文字marquee 参数:BGColor:滚动文本框的背景颜色。Direction:滚动方向设置,可选择Left、Right、up和down。scrolldelay:每轮滚动之间的延迟时间,越大越慢。scrollamount:...
  • html标签 - 可以实现多种滚动效果,无需js控制。使用marquee标记不仅可以移动文字,也可以移动图片,表格等.只需要在内部输入要滚动的内容即可。一、标签属性1.滚动方向direction(包括4个值:up、 down、 left和 ...
  • html 滚动字幕代码

    2021-06-08 19:00:37
    而且整个过程隐藏的音频播放,如果用 html 代码写怎么写 答: 背景音乐 #=WAV 文件的 URL #=循环数 另及: ONMOUSEOUT=this.start() :用来设置鼠标移出该区域时继续滚动 ONMOUSEOVER=this.stop(): 用来设置...
  • js 实现滚动字幕

    2021-06-10 09:49:29
    Title欢迎马老师到来,观察做出指导。content = document.getElementById("i1").getAttribute("value")setInterval("gun()",1000)var i = 0function gun() {document.getElementById("i1").setAttribute("value",...
  • html数字滚动、跳动特效
  • 不管是电影还是电视中都经常会出现一些滚动字幕滚动字幕的内容可以是广告、通知、说明、或者是总结等。视频中的滚动字幕除了起到宣传或提示的作用,更重要的是丰富了视频的层次,让画面更加精美。但有时候我们自己...
  • HTML滚动文字

    万次阅读 多人点赞 2017-05-08 21:53:40
    在一个页面中会有很多多媒体元素,比如动态文字、动态图象、音视频等,而最简单的就是天价滚动文字了,在HTML中,如果我们想要添加滚动文字,需要使用marquee标签
  • html+jquery实现字幕滚动公告

    千次阅读 2017-08-16 13:23:17
    使用jquery实现字幕滚动公告
  • 使用css实现字幕滚动效果

    千次阅读 2022-03-24 15:53:33
    使用css实现字幕滚动效果 最近业务需要,让电子屏上面的横幅能够自动的滚动,但是用js加requireanimation实现的话感觉有点浪费,转念想到了用css 的animation似乎也能够实现大致的效果。 首先是动画的定义和样式的...
  • <...文字滚动 歌词字幕</title> <style type="text/css"> #scroll_caption{ overflow-y: scroll; width: 450px; height: 550px; background: #2B2B2B; }
  • 首先运行Word2000,新建一空白Web文档,然后点击视图|工具栏|Web工具箱,就会出现Web工具箱,最后一个图标就是滚动文字框的图标,单击该图标,就会出现滚动文字对话框,在"请在此键入滚动文字"下面空白框内输入你所...
  • 原生JS 实现字幕滚动

    2021-11-11 10:16:54
    原生JS 实现字幕滚动 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>滚动字幕</title> <style> #marquee { color: red; display: block; width:...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 6,139
精华内容 2,455
关键字:

html字幕滚动