代码1

来源:百度文库 编辑:神马文学网 时间:2024/04/20 17:07:19
有些朋友问我如何做滚动字幕和滚动图片,大漠孤烟的玩转BLOG上有提供滚动字幕代码,他的方法是教人们在WORLD编辑器里编辑要滚动文字的显示效果的,而现在我要额外补充一下教大家如何用代码来编辑字体大颜色和大小,其实原理都是一样的,源代码都是一样的,只是他的方法比较方便,快捷了点而已,如果不会用代码的,建议用他的方法!
一、滚动字幕的HTML最基本语法是:要滚动的文字
这是最原始,最简单,没有任何修饰的滚动,而要它能显示出各种不同的效果需要对其进行各种参数的设定,比如让大家看一下下面这段代码:

·欢迎来到γ蚊ж子ま的博客

·让我们建立和谐环境,促进交流

·建设良好的博客氛围,促进共同进步

·为了美化博客,丰富博客(点此有惊喜)

·丰富生活,让我们一起努力

·加油,我的朋友
效果如下:
·欢迎来到γ蚊ж子ま的博客
·让我们建立和谐环境,促进交流
·建设良好的博客氛围,促进共同进步
·为了美化博客,丰富博客(点此有惊喜)
·丰富生活,让我们一起努力
·加油,我的朋友
代码中各参数详解(请仔细看每行的代码和其相对应的显示效果):
a)color:#660099;font size=20用来定义所有滚动字体的大小和颜色,如果要单独定义某行字体,则如代码中那样,在每句前后加,如果对字体的定义都是一样的,那么只要定义前面的了,后面的就不需要了。
b)表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。
c)scrollDelay也是用来控制速度的,表示走走停停,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。
d)很明显是表示滚动的方向,默认为从右向左:←,因此如果是向左滚动的话不需要次参数。其他可选的值还有right,down,up。滚动方向分别为:right表示→,up表示↑,down表示↓。
e)width和height用来表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。
f)bgcolor表示滚动区域的背景颜色,如果滚动文字不要背景的话把这段删了就可以了。
g)behavior是来控制滚动属性的,默认为循环滚动(scroll),同样,如果是循环滚动的话可以不需要此参数。其他可选的值还有alternate(交替滚动),slide(幻灯片效果,指的是滚动一次,然后停止滚动)。
h)如果要对文字进行超链接,只要在文字前后加,如代码中所写的那样,target=_blank表示链接在新窗口中打开。
i)每行字的前后用定义每行字的颜色,大小和字体,如果哪项不需要的话,把代码去掉就行。
j)用WORLD编辑过东西的人都知道,表示倾斜,表示下划线,表示加粗,加粗有可以是
k)
表示换行。
PS:滚动方法虽然是教了,而我上面的代码也只是演示了一下综合效果,但是看到很多朋友还是不会灵活运用,只照搬我上面的那段代码。其实要做简单的滚动的话复制下面这段代码就行了,要表现出其他效果,按照我说的增加参数就行了。
滚动文字
二、既然知道了滚动字幕如何制作了,制作滚动图片就应该没什么问题了,简单图片滚动的代码如下:





参数说明:
a)第一个的width和height表示滚动窗口的大小,后四个用来定义滚动图片的大小,图片的大小最好别超过滚动窗口的大小,如果图片的高度值大于滚动窗口的高度值,那么最后效果显示的窗口高度是图片的高度!
b)如果要增加图片只要加就行了!
c)如果要对图片进行链接,只要在前后加就行了,同样,target=_blank表示链接在新窗口中打开!
至于滚动图片的效果在这里就不演示了!
补充:滚动字体特效中的各种参数不是单一的,而是可以随意组合的,比如下面这段代码的简单组合:


欢迎光临,祝您快乐 !

从下面的演示效果中可以看出其奇妙性,大家就可以知道,可以组合的方式是多种多样的!
欢迎光临,祝您快乐 !