网页中滚动字幕的制作

实现滑动字幕效果的标签是,需要滑动的文字,该标签内有许多属性,

常用属性详解:

1Align 属性:设置字幕的对齐方式,其参数有3个,left是左对齐;center是居中显示;ight是右对齐。

2Bgcolor 属性:设置字幕的背景颜色。

3direction 属性:设置字幕滚动方向,其参数有4个,left是自右向左滚动;right是自左向右滚动;up 是自下向上滚动;down 是自上向下滚动。

4behavior属性:设置字幕滚动方式,其参数有3个。

1scroll 属性是按照 direction 属性所规定的方向连续不断的滚动;

2slide 属性是按照 direction 属性规定的方向滚动至字幕另一侧后文字将不再滚动;

3alternate 属性是文字在字幕的范围内根据 direction 属性规定的参数进行左右或上下滚动。

5height属性:设置字幕高度,其数值越大字幕越高。

6width属性:设置字幕宽度,其数值越大字幕越宽。

7hspace属性:设置字幕左右方向空白区域的宽度。

8vspace属性:设置字幕上下方向空白区域的宽度。

9scrolldelay属性:设置滚动两次之间的延迟时间,属性值为数值,数字越大,延迟时间越长。

10scrollamount属性:设定滚动速度,属性值为数值,数字越大,滚动速度越快。

11loop属性:设定滚动次数,其数值为大于零的自然数,若将其值设为 “-1”表示无限循环。

使用滚动字幕的注意事项及技巧:

1、要注意字幕背景色彩及需要滚动文字的色彩及文字大小的搭配,

2、调整字幕高度及宽度的时候一定要考虑显示器的分辨率问题,目前较为主流的显示分辨率为 800*600 像素或1024*768相素,因此字幕宽度及高度以不超过该数值为佳。

3、可以使用该标签使整个页面自下向上进行滚动,其设置方法是把整个网页内容置于该标签内即可。

4、可以在原本只能显示一个链接的空间内显示多个链接,其效果可以使利用换行符隔开的多个链接自下向上滚动,也可以使并排的多个链接自右向左滚动。

5、本标签也可以实现一幅或多幅图片在网页中滚动的效果,其具体代码是:

6 、如果你不想在该标签中的各属性中伤脑筋的话,也可以把全部属性省略或仅使用某个属性,如果全部省略的话其默认值的效果则是以白色背景适中的速度自右向左滚动,此时不要忘了使用 …… 设置字体的色彩及大小,此时字幕的宽度将会根据字体的大小进行自动调整的。

你可能感兴趣的:(scroll,behavior,up)