代码1

     

      有些朋友问我如何做 滚动字幕和滚动图片，大漠孤烟的玩转BLOG上有提供滚动字幕代码，他的方法是教人们在WORLD编辑器里编辑要滚动文字的显示效果的，而现在我要额外补 充一下教大家如何用代码来编辑字体大颜色和大小，其实原理都是一样的，源代码都是一样的，只是他的方法比较方便，快捷了点而已，如果不会用代码的，建议用 他的方法！

 

　　一、滚动字幕的HTML最基本语法是：<MARQUEE>要滚动的文字</MARQUEE>

 

　　这是最原始，最简单，没有任何修饰的滚动，而要它能显示出各种不同的效果需要对其进行各种参数的设定，比如让大家看一下下面这段代码：

 

<MARQUEE style="color:#660099;font size=20" scrollAmount=2 scrollDelay=50 direction=up width=480 height=150 bgcolor=#ecf5ff behavior=scroll>
<FONT color=blue><I>·欢迎来到γ蚊ж子ま的博客</FONT></I><BR>
<FONT color=#660099 size=3>·<U>让我们建立和谐环境，促进交流</U></FONT><BR>
<FONT color=#990066 size=4 face=隶书>·建设良好的博客氛围，促进共同进步</FONT><BR>
<FONT color=#990033 size=3>·为了美化博客，丰富博客<A href="http://blog.sina.com.cn/m/wenzi" target=_blank>(点此有惊喜)</A></FONT><BR>
<FONT color=#990099 size=4><B>·丰富生活，让我们一起努力</B></FONT><BR>
<FONT color=blue face=华文行楷>·加油，我的朋友</FONT></MARQUEE>

 

　　效果如下：

 

·欢迎来到γ蚊ж子ま的博客
·让我们建立和谐环境,促进交流
·建设良好的博客氛围，促进共同进步
·为了美化博客，丰富博客(点此有惊喜)
·丰富生活，让我们一起努力
·加油，我的朋友

 

　　代码中各参数详解(请仔细看每行的代码和其相对应的显示效果)：

　　a)color:#660099;font size=20用来定义所有滚动字体的大小和颜色，如果要单独定义某行字体，则如代码中那样，在每句前后加<FONT color=#990066 size=4>和</FONT>，如果对字体的定义都是一样的，那么只要定义前面的了，后面的就不需要了。

　　b)scrollAmount表示速度，值越大速度越快。如果没有它，默认为6，建议设为1～3比较好。
　　c)scrollDelay也是用来控制速度的，表示走走停停，默认为90，值越大，速度越慢。通常scrollDelay是不需要设置的。

　　d)direction很明显是表示滚动的方向，默认为从右向左：←，因此如果是向左滚动的话不需要次参数。其他可选的值还有right，down，up。滚动方向分别为：right表示→，up表示↑，down表示↓。
　　e)width和height用来表示滚动区域的大小，width是宽度，height是高度。特别是在做垂直滚动的时候，一定要设height的值。
　　f)bgcolor表示滚动区域的背景颜色，如果滚动文字不要背景的话把这段删了就可以了。
　　g)behavior是来控制滚动属性的，默认为循环滚动(scroll)，同样，如果是循环滚动的话可以不需要此参数。其他可选的值还有alternate(交替滚动)，slide(幻灯片效果，指的是滚动一次，然后停止滚动)。

　　h)如果要对文字进行超链接，只要在文字前后加<A href="链接地址" target=_blank>和</A>，如代码中所写的那样，target=_blank表示链接在新窗口中打开。

　　i)每行字的前后<FONT color=#990066 size=4 face=隶书>和</FONT>用定义每行字的颜色，大小和字体，如果哪项不需要的话，把代码去掉就行。

　　j)用WORLD编辑过东西的人都知道，<I>表示倾斜，<U>表示下划线，<B>表示加粗，加粗有可以是<STRONG>。

　　k)<BR>表示换行。

 

ＰＳ：滚动方法虽然是教了，而我上面的代码也只是演示了一下综合效果，但是看到很多朋友还是不会灵活运用，只照搬我上面的那段代码。其实要做简单的滚动的话复制下面这段代码就行了，要表现出其他效果，按照我说的增加参数就行了。

 

<MARQUEE scrollAmount=2 scrollDelay=50 direction=up width=480 height=180 behavior=scroll>滚动文字</MARQUEE>

　　

　　二、既然知道了滚动字幕如何制作了，制作滚动图片就应该没什么问题了，简单图片滚动的代码如下：

 

<MARQUEE scrollAmount=4 scrollDelay=60 direction=right width=190 height=250>
<IMG width=190 height=250 src="你喜欢的图片地址" border=0>
<IMG width=190 height=250 src="你喜欢的图片地址" border=0>
<IMG width=190 height=250 src="你喜欢的图片地址" border=0>
<IMG width=190 height=250 src="你喜欢的图片地址" border=0></MARQUEE>

 

　　参数说明：

　　a)第一个的width和height表示滚动窗口的大小，后四个用来定义滚动图片的大小，图片的大小最好别超过滚动窗口的大小，如果图片的高度值大于滚动窗口的高度值，那么最后效果显示的窗口高度是图片的高度！

　　b)如果要增加图片只要加<IMG width=190 height=250 src="你喜欢的图片地址" border=0>就行了！

　　c)如果要对图片进行链接，只要在<IMG width=190 height=250 src="你喜欢的图片地址" border=0>前后加<A href="链接地址" target=_blank>和</A>就行了，同样，target=_blank表示链接在新窗口中打开！

 

　　至于滚动图片的效果在这里就不演示了！

　　

　　补充：滚动字体特效中的各种参数不是单一的，而是可以随意组合的，比如下面这段代码的简单组合：

 

<MARQUEE scrollAmount=8 direction=up behavior=alternate height=80 width=499>
<MARQUEE scrollAmount=4 direction=right behavior=alternate height=50>
<font color=#990066 size=5 face=华文行楷>欢迎光临，祝您快乐 ！</font></MARQUEE></MARQUEE>

 

从下面的演示效果中可以看出其奇妙性，大家就可以知道，可以组合的方式是多种多样的！

欢迎光临，祝您快乐 ！