html滚动字幕制作教程,dreamweaver教程:怎么制作网页滚动字幕[通俗易懂]

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

大家好,又见面了,我是你们的朋友全栈君。

滚动字幕在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)多行文本向上滚动。代码如:

以下是引用片段:

·早晨好啊!
·空气好清新啊
·今朝食乜好呢?

·脚本之家

·注意:如果你的网页经过了FrontPage编辑,保存之后,只能滚动一行,这时候你发现你原来的代码顺序已经变了,My god!解决的办法是,找出原来的代码,把它嵌入到JavaScript的document.write中即可,上述代码写为:

以下是引用片段:

·早晨好啊!
·空气好清新啊
·今朝食乜好呢?

·脚本之家

由上可以看出,HTML代码是可以随意组合的,功能强大!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/133072.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • vue:详解vue中的代理proxy

    vue:详解vue中的代理proxy问题我们本地调试一般都是 npmrunserve 然后打开本机 ip 8080 localhost 8080 对吧 这时候我们要调接口调试 后端的接口的地址可能在测试环境 也可能是自己电脑的 ip 总之不是你的 lcoalhost 8080 那么你调接口就会产生跨域 那么怎么办呢 就需要 proxy 出场了复习一下跨域的解决方案 jsonpcorsNod 中间件代理 两次跨域 nginx 反向代理 CORS 支持所有类型的 HTTP 请求 是跨域 HTTP 请求的根本解决方案 JSONP 只支持 GET 请求

    2025年7月29日
    3
  • pipenv是什么_pipenv安装失败

    pipenv是什么_pipenv安装失败pipenv发布于2017年1月,它是一种Python依赖管理工具,你可以把它看做是pip和virtualenv的组合体,pipenv可以帮你管理虚拟环境和依赖文件,并且提供一系列命令和选项来帮助你实

    2022年8月6日
    10
  • Django(53)二次封装Response

    Django(53)二次封装Response前言有时候我们使用drf的Response,会发现默认返回的格式不太友好,每次我们都需要写入以下的格式returnResponse({"status":0,"

    2022年7月29日
    13
  • 俄罗斯介入叙利亚始末_俄罗斯为什么不帮助利比亚

    俄罗斯介入叙利亚始末_俄罗斯为什么不帮助利比亚导读对于美国国土安全部禁止该国所有国家机构使用俄罗斯卡巴斯基实验室软件的做法,俄罗斯政府于9月14日提出批评。卡巴斯基实验室否认美国政府提出的所有指控,并表示愿意与美国国土安全部合作。俄罗斯总统新闻秘书德米特里·佩斯科夫9月14日对记者表…

    2022年8月20日
    28
  • 正则表达式匹配任意字符(包括换行符)[通俗易懂]

    正则表达式匹配任意字符(包括换行符)[通俗易懂]可以用([\s\S]*),也可以用“([\d\D]*)”、“([\w\W]*)”来匹配,就可以匹配包括换行符在内的任意字符。http://tools.jb51.net/regex/javas

    2022年7月1日
    33
  • 什么是线程死锁以及如何避免死锁「建议收藏」

    什么是线程死锁以及如何避免死锁「建议收藏」认识线程死锁多个线程同时被阻塞,他们中的一个或者全部都在等待某个资源被释放。由于线程被无限期地阻塞,因此程序不可能正常终止,最终导致死锁产生。如下图所示,线程A持有资源2,线程B持有资源1,他们同时都想申请对方的资源,所以这两个线程就会因互相等待而进入死锁状态。线程死锁示意图下面通过一个例子来说明线程死锁,代码模拟了上图的死…

    2022年7月15日
    16

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号