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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 借助栈来实现单链表的逆置运算_中缀后缀表达式转换

    借助栈来实现单链表的逆置运算_中缀后缀表达式转换原题链接算术表达式有前缀表示法、中缀表示法和后缀表示法等形式。日常使用的算术表达式是采用中缀表示法,即二元运算符位于两个运算数中间。请设计程序将中缀表达式转换为后缀表达式。输入格式:输入在一行中给出不含空格的中缀表达式,可包含+、-、*、\以及左右括号(),表达式不超过20个字符。输出格式:在一行中输出转换后的后缀表达式,要求不同对象(运算数、运算符号)之间以空格分隔,但结尾不得有多余空格。输入样例:2+3*(7-4)+8/4输出样例:2 3 7 4 – * + 8 4 / +注意

    2022年8月8日
    4
  • intellij idea 激活成功教程

    intellij idea 激活成功教程转载 https blog csdn net shengshengsh article details

    2025年10月11日
    3
  • visual studio 2015序列号_怎么激活win7旗舰版

    visual studio 2015序列号_怎么激活win7旗舰版我安装的是VisualStudioTeamSystem2008版本,适用版本90天。用了两个月后,每次打开出现提示:还有30天过期了,29天过期了,28天过期了。。。每次看到这个提示心中总有不爽。于是上网找序列号, 在网上找了好久,好像就一个序列号:PYHYP-WXB3B-B2CCM-V9DX9-VDY8T。 下面是win7的操作1,控制面板\程序\程序和

    2022年8月10日
    13
  • ROS中cv_bridge如何用python3进行编译

    ROS中cv_bridge如何用python3进行编译最近遇到了个问题,cv_bridge实现了opencv和ros中图像数据类型的转换,但ros-melodic默认python版本是python2。在配置yolact环境的时候,要求是python3。这就导致在ros自带的cv_bridge是python2版本,想使用python3的话需要自己去编译cv_bridge。否则会报错:ImportError:dynamicmoduledoesnotdefinemoduleexportfunction(PyInit_cv_bridge_boo

    2022年5月27日
    36
  • Vue(5)计算属性computed

    Vue(5)计算属性computed前言一般情况下属性都是放到data中的,但是有些属性可能是需要经过一些逻辑计算后才能得出来,那么我们可以把这类属性变成计算属性。比如以下:<divid="example&quot

    2022年7月29日
    7

发表回复

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

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