网页设计那个滚动字幕怎么做

用DW8学习网页滚动字幕的制作

【简介】

在网页中，制作滚动字幕使用marquee标签，如果用手写的方法，实在是太麻烦了。推荐利用网页制作软件比如Dreamweaver来学习。在DW中可以使用“标签选择器”插入各种标签，并且可以使用“标签检查器”设置标签的属性值，它的功能类似于属性面板，但是比属性面板更强大。

在网页中，制作滚动字幕使用marquee标签，如果用手写的方法，实在是太麻烦了。推荐利用网页制作软件比如Dreamweaver来学习。在DW中可以使用“标签选择器”插入各种标签，并且可以使用“标签检查器”设置标签的属性值，它的功能类似于属性面板，但是比属性面板更强大。

使用“标签选择器”插入marquee标签

1.把光标插入点放在需要插入滚动字幕的地方。

2.点击插入面板的“标签选择器”

3.选择marquee标签，点击“插入”按钮。

“标签检查器”设置marquee标签的属性使用

4.转换到代码视图。把光标插入点放在marquee标签内。

5.选择“窗口”-->“标签检查器”。然后选择属性，单击未分类前面的”＋”，可以在“标签检查器”中设置标签的各种用法。

设置marquee标签的主要用法

6.点击behavior设置项右边的下拉箭头，选择滚动字幕内容的运动方式。

7.direction属性设置字幕内容的滚动方向。

8.scrollamount属性设置字幕滚动的速度。

9.scrolldelay属性设置字幕内容滚动时停顿的时间，单位为毫秒。如果要让滚动看起来流畅，数值应该尽量小。实例中设置为1毫秒。如果要有步进的感觉，就设置时间长一点吧。

10.width属性设置滚动字幕的宽度。

11.onMouseOver事件设置鼠标移动到滚动字幕时的动作，常设置为停止滚动。onMouseOut事件设置鼠标离开滚动字幕时的动作，常设置为开始滚动。在Dreamweaver8中需要打开“行为”面板设置。

12.style属性设置字幕内容的样式。实例中设置字幕文字大小，输入了“font:12px”。

13.loop属性设置字幕内容滚动次数，默认值为无限。“-1”也为无限。

一套向上滚动字幕的代码：

＜marqueebehavior="scroll"direction="up"width="200"height="150"loop="-1"scrollamount="1"scrolldelay="1"style="font:12px"onMouseOver="this.stop()"onMouseOut="this.start()">滚动字幕内容＜/marquee>

如图，在HTML文件用marquee标签，然后文字放置在marquee标签就会有滚动的效果了。

请点击输入图片描述

marquee文字滚动默认是右到左，但是可以通过direction 来指定方向哦。方向可以用down，up,right left。

请点击输入图片描述

还可以控制滚动行为，比如是不是重复滚动，往返滚动等都是行为哦，可以试试behavior。

请点击输入图片描述

此外，设置滚动速度和文字的延迟滚动也是可以的，用这两个属性便可以了。

请点击输入图片描述

还有我们也应该设置一下滚动文字距离周围的距离，用vspace和hspace来调节。

请点击输入图片描述

当然滚动文字的背景颜色也是比较重要的哦，好看的颜色视觉享受更好哦。

请点击输入图片描述

最后来看看滚动文字的方向，速度，颜色都设置好了，关键要自己动手做一下滚动文字哦。

请点击输入图片描述

工具/原料

Dreamweaver

属性释义

滚动文字在HTML里的标签为marquee--无间断滚动，使用代码为<marquee>滚动文字<marquee/>。

END

属性值

direction：指文字滚动的方向，值为left--从左到右、right--从右到左、up--从上到下、down--从下到上。系统默认为right。

behavior ：指文字滚动的方式，值为scroll--连续滚动、slide--滚动一次、alternate--来回滚动。系统默认为scroll。

scrollAmount：指文字滚动的速度，值为正整数，数值越大则滚动越快。系统默认为6，一般设置为1-3。

END

实 ***

打开HTM文件，输入代码<marquee>这里是滚动文字！<marquee/>。

设置它又到左、来回滚动、速度为3、背景色为粉色。

3

预览效果如下，速度为3稍微有点快，还是2比较合适。

---