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

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

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

  　　1.把光标插入点放在需要插入滚动字幕的地方。
  　　2.点击插入面板的“标签选择器 ”
  　　3.选择 marquee标签，点击“插入”按钮。

  

  

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

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

  

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

  

  
  　　设置marquee标签的主要用法

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

  

  behavior用法

  alternate	scroll	slide
  内容在相反两个方向滚来滚去	内容向同一个方向滚动	内容接触到字幕边框就停止滚动
  marquee测试	marquee测试	marquee测试

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

  

  direction用法

  down	left	right	up
  向下运动	向左运动	向右运动	向上运动
  webjx.com	webjx.com	webjx.com	webjx.com

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

  

  scrollamount值为1	scrollamount值为50
  网页教学网	网页教学网

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

  

  scrolldelay值为1	scrolldelay值为500
  网页制作学习	网页制作学习

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

  

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

  

  事件	onMouseOver	onMouseOut
  动作	this.stop();	this.start();

  网页教学网 网页教学网－专业的网页教学站点 网页教学网的资源向你见证

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

  

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

  

  loop值为-1	loop值为5
  滚动次数	滚动次数

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

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

  

  （出处：急速软件下载学院）

• 复制本页网址和标题，发送给你QQ/Msn的好友一起分享
  
  
• 用Dreamweaver8学习网页滚动字幕的制作 相关文章：
• ·Windows Vista中如何调整雅黑字体DPI
• ·AutoCAD造型实例：十字形螺丝刀头
• ·AutoCAD造型实例：一字形螺丝刀头
• ·Photoshop字体安装使用方法和技巧
• ·Photoshop制作圣诞堆雪立体文字
• ·用CSS让文字居于div的底部
• ·让IE标题栏显示自己名字的多种方法
• ·平面设计中字库使用的问题解答
• ·JavaScript中split字符串函数
• ·Word 2007中给数字标识循环节的两方法种
• 用Dreamweaver8学习网页滚动字幕的制作 相关软件
• ·《生化危机4》完整字幕简易安装包
• ·NDS《纽约时报填字游戏》（美）模拟器
• ·80后纯美文字青春推理故事：遗
• ·数字密码
• ·金字塔祖玛2
• ·《佛瞳》（文字全本）
• ·《鬼眼新娘》（文字全本）》
• ·《书法字典》之沙孟海-王国维墓碑
• ·埃及十字架之谜
• ·新编说文解字

上一篇:用百度实现站内搜索的Javascript代码

下一篇:Photoshop的LAB模式做“非主流”照片

• 特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
• 者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
• 载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

精品推荐

热点TOP10

特别推荐