首页/前端开发工具/Dreamweaver教程如何制作滚动字幕

Dreamweaver教程如何制作滚动字幕

发布-xiaoming | 浏览量-

1、把光标插入点放在需要插入滚动字幕的地方。
2、点击插入面板的“标签选择器 ”。
3、选择 marquee标签,点击“插入”按钮。然后关闭“标签选择器 ”。
4、转换到代码视图。把光标插入点放在 两个marquee标签之间。
5、选择“窗口”/“标签检查器”。可以在“标签检查器”中设置标签的各种用法。
6、点击behavior设置项右边的下拉箭头,选择滚动字幕内容的运动方式。其中三个选项意思分别是:Alternate:内容在相反两个方向滚来滚去。Scroll:内容向同一个方向滚动。Slide:内容接触到字幕边框就停止滚动。
7、direction属性设置字幕内容的滚动方向。四个选项意思为:down:向下运动。Left:向左运动。Right:向右运动。Up:向上运动。
8、scrollamount属性设置字幕滚动的速度。一般设为1。
9、scrolldelay属性设置字幕内容滚动时停顿的时间,单位为毫秒。如果要让滚动看起来流畅,数值应该尽量小。实例中设置为1毫秒。
10、width属性设置滚动字幕的宽度。这个任意,比如设置为300。
11、onMouseOver事件设置鼠标移动到滚动字幕时的动作,常设置为停止滚动。onMouseOut事件设置鼠标离开滚动字幕时的动作,常设置为开始滚动。这个两项不能选,只能手工输入。在onMouseOver后面输入“this.stop();” 在onMouseOut后面输入“this.start();”
12、style属性设置字幕内容的样式。实例中设置字幕文字大小,也要手工输入“font:12px;”。
13、loop属性设置字幕内容滚动次数,默认值为无限。“-1”也为无限。
14、全部代码:<marquee behavior="scroll" direction="left" width="300" loop="-1" scrollamount="1" scrolldelay="1" style="font:12px;" onMouseOver="this.stop();" onMouseOut="this.start();">滚动字幕内容</marquee>

原文地址:http://www.35ui.cn/post/2010073023..html

标签静态网页模板制作seo网站优化交互设计

上一条: Dreamweaver教程如何运用插件(Dreamweaver功能扩展)
下一条: Dreamweaver教程如何创建CSS样式表

或许你还对下面的文章感兴趣