网页中滚动字幕的制作
2008-07-08 09:31
756 查看
实现滑动字幕效果的标签是<marquee>,需要滑动的文字</marquee>,该标签内有许多属性,
常用属性详解:
1、Align 属性:设置字幕的对齐方式,其参数有3个,left是左对齐;center是居中显示;ight是右对齐。
2、Bgcolor 属性:设置字幕的背景颜色。
3、direction 属性:设置字幕滚动方向,其参数有4个,left是自右向左滚动;right是自左向右滚动;up 是自下向上滚动;down 是自上向下滚动。
4、behavior属性:设置字幕滚动方式,其参数有3个。
(1)scroll 属性是按照 direction 属性所规定的方向连续不断的滚动;
(2)slide 属性是按照 direction 属性规定的方向滚动至字幕另一侧后文字将不再滚动;
(3)alternate 属性是文字在字幕的范围内根据 direction 属性规定的参数进行左右或上下滚动。
5、height属性:设置字幕高度,其数值越大字幕越高。
6、width属性:设置字幕宽度,其数值越大字幕越宽。
7、hspace属性:设置字幕左右方向空白区域的宽度。
8、vspace属性:设置字幕上下方向空白区域的宽度。
9、scrolldelay属性:设置滚动两次之间的延迟时间,属性值为数值,数字越大,延迟时间越长。
10、scrollamount属性:设定滚动速度,属性值为数值,数字越大,滚动速度越快。
11、loop属性:设定滚动次数,其数值为大于零的自然数,若将其值设为 “-1” 表示无限循环。
使用滚动字幕的注意事项及技巧:
1、要注意字幕背景色彩及需要滚动文字的色彩及文字大小的搭配,
2、调整字幕高度及宽度的时候一定要考虑显示器的分辨率问题,目前较为主流的显示分辨率为 800*600 像素或1024*768相素,因此字幕宽度及高度以不超过该数值为佳。
3、可以使用该标签使整个页面自下向上进行滚动,其设置方法是把整个网页内容置于该标签内即可。
4、可以在原本只能显示一个链接的空间内显示多个链接,其效果可以使利用换行符隔开的多个链接自下向上滚动,也可以使并排的多个链接自右向左滚动。
5、本标签也可以实现一幅或多幅图片在网页中滚动的效果,其具体代码是:<marquee……><img src=“abc.gif”></marquee>。
6、如果你不想在该标签中的各属性中伤脑筋的话,也可以把全部属性省略或仅使用某个属性,如果全部省略的话其默认值的效果则是以白色背景适中的速度自右向左滚动,此时不要忘了使用 <font>……</font> 设置字体的色彩及大小,此时字幕的宽度将会根据字体的大小进行自动调整的。
常用属性详解:
1、Align 属性:设置字幕的对齐方式,其参数有3个,left是左对齐;center是居中显示;ight是右对齐。
2、Bgcolor 属性:设置字幕的背景颜色。
3、direction 属性:设置字幕滚动方向,其参数有4个,left是自右向左滚动;right是自左向右滚动;up 是自下向上滚动;down 是自上向下滚动。
4、behavior属性:设置字幕滚动方式,其参数有3个。
(1)scroll 属性是按照 direction 属性所规定的方向连续不断的滚动;
(2)slide 属性是按照 direction 属性规定的方向滚动至字幕另一侧后文字将不再滚动;
(3)alternate 属性是文字在字幕的范围内根据 direction 属性规定的参数进行左右或上下滚动。
5、height属性:设置字幕高度,其数值越大字幕越高。
6、width属性:设置字幕宽度,其数值越大字幕越宽。
7、hspace属性:设置字幕左右方向空白区域的宽度。
8、vspace属性:设置字幕上下方向空白区域的宽度。
9、scrolldelay属性:设置滚动两次之间的延迟时间,属性值为数值,数字越大,延迟时间越长。
10、scrollamount属性:设定滚动速度,属性值为数值,数字越大,滚动速度越快。
11、loop属性:设定滚动次数,其数值为大于零的自然数,若将其值设为 “-1” 表示无限循环。
使用滚动字幕的注意事项及技巧:
1、要注意字幕背景色彩及需要滚动文字的色彩及文字大小的搭配,
2、调整字幕高度及宽度的时候一定要考虑显示器的分辨率问题,目前较为主流的显示分辨率为 800*600 像素或1024*768相素,因此字幕宽度及高度以不超过该数值为佳。
3、可以使用该标签使整个页面自下向上进行滚动,其设置方法是把整个网页内容置于该标签内即可。
4、可以在原本只能显示一个链接的空间内显示多个链接,其效果可以使利用换行符隔开的多个链接自下向上滚动,也可以使并排的多个链接自右向左滚动。
5、本标签也可以实现一幅或多幅图片在网页中滚动的效果,其具体代码是:<marquee……><img src=“abc.gif”></marquee>。
6、如果你不想在该标签中的各属性中伤脑筋的话,也可以把全部属性省略或仅使用某个属性,如果全部省略的话其默认值的效果则是以白色背景适中的速度自右向左滚动,此时不要忘了使用 <font>……</font> 设置字体的色彩及大小,此时字幕的宽度将会根据字体的大小进行自动调整的。
相关文章推荐
- 关于网页页面制作滚动字幕
- 用Dreamweaver8学习网页滚动字幕的制作
- 用VC制作带有滚动字幕的软件封面
- 推荐几款制作网页滚动动画的 JavaScript 库
- 使用Javascript制作连续滚动字幕
- ASP网页中 制作连续无缝滚动文字
- 网页HTML代码:滚动文字的制作
- 制作一个主页背景图不动,但网页可以向下滚动浏览内容
- 网页创建滚动字幕——Dreamweaver
- HTML_制作滚动字幕_marquee标签
- 用JavaScript制作连续滚动的字幕
- MFC制作双缓冲无闪烁的字幕滚动条
- 网页添加滚动字幕
- C# WinForm窗体中制作滚动的字幕
- 推荐几款制作网页滚动动画的 JavaScript 库
- EDIUS中的滚动字幕是怎么制作的
- 滚动字幕制作手册
- VS2005 VC6.0 用VC++制作有滚动字幕效果的软件封面
- cocos2d-x 利用精灵的可见区域制作字幕滚动效果
- 使用Premiere Pro制作滚动字幕