不知这个适合你不?
网页中滚动字幕的制作实现滑动字幕效果的标签是,该标签内有许多属性,
常用属性详解:
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、可以在原本只能显示一个链接的空间内显示多个链接,其效果可以使利用换行符隔开的多个链接自下向上滚动,也可以使并排的多个链接自右向左滚动。
用框架集做貌似会比较纠结,所以,建议你用css+js制作。
我有一段js的代码,给你吧!
第一部分构建上面的导航条:
1.新建网页,在body里插入
,表示插入图片并设置一个400x300像素的滚动条区域,滚动条根据需求自动生成。滚动自动就加了