如何制作滚动图片和滚动文字Word文档格式.docx
《如何制作滚动图片和滚动文字Word文档格式.docx》由会员分享，可在线阅读，更多相关《如何制作滚动图片和滚动文字Word文档格式.docx（17页珍藏版）》请在冰点文库上搜索。
11、<
I>
/I>
表示倾斜，<
U>
/U>
表示下划线，<
B>
/B>
表示加粗，加粗有时可以是<
STRONG>
/STRONG>
。
12、<
BR>
表示换行。
13、&
nbsp;
表示空格
图片滚动代码示例1（从右向左滚动）
marqueescrollamount=1scrolldelay=3valign=middlebehavior="
scroll"
>
imgborder="
0"
src="
图片地址1"
图片地址2"
图片滚动代码示例2（从下往上滚动）
marqueealign=centerdirection=upscrollamount=1scrolldelay=3valign=middlebehavior="
图片地址1"
图片地址2"
注:
align=centervalign=middle一个水平,一个垂直,但是对于div标签不能用valign.
给滚动图片加上链接的代码
marqueebehavior=alternateheight=120width="
90"
Palign=left>
Palign=center>
ahref="
链接地址"
target="
_blank"
IMGsrc="
图片地址"
width=90border="
/a>
......
/P>
/MARQUEE>
参数解释
1.align：
valign:
2.height和width:
3.scrollamount：
4.scrolldelay：
默认为90，值越大，速度越慢。
通常scrolldelay是不需要设置的。
5.direction属性:
决定文本的滚动方向，分为向左left和向右right，up和down默认状态向左。
marqueedirection=left>
从右向左滚动<
marqueedirection=right>
从左向右滚动<
marqueedirection=up>
从下向上滚动<
marqueedirection=down>
从上向下滚动<
6.behavior属性:
指定文本的滚动方式，分为三种:
Scroll:
从一端消失后，在另一端出现并继续滚动。
marqueebehavior=scroll>
一圈一圈地滚动<
Slide:
从一端滚动，接触到另一端后停止
marqueebehaviro=slide>
只滚动一次就停止<
Alternate:
从一端滚动到另一端后，反向滚动。
marqueebehavior=alternate>
来回滚动<
7.border=0:
边框线等于0也就是说没有边框线
如何制作滚动字幕/图片
一、滚动字幕的HTML最基本语法是：
MARQUEE>
要滚动的文字<
这是最原始，最简单，没有任何修饰的滚动，
而要它能显示出各种不同的效果需要对其进行各种参数的设定，
比如让大家看一下下面这段代码：
MARQUEEstyle="
color:
#660099;
fontsize=20"
scrollAmount=2scrollDelay=50direction=up
width=480height=150behavior=scroll>
FONTcolor=blue>
·
欢迎来到γ蚊ж子ま的博客<
FONTcolor=#660099size=3>
让我们建立和谐环境，
促进交流<
建设良好的博客氛围，促进共同进步<
FONTcolor=#990033size=3>
为了美化博客，
丰富博客<
Ahref="
target=_blank>
（点此有惊喜）<
/A>
FONTcolor=#990099size=4>
丰富生活，
让我们一起努力<
FONTcolor=blueface=华文行楷>
加油，
我的朋友<
效果如下：
代码中各参数详解
（请仔细看每行的代码和其相对应的显示效果）：
a）color:
fontsize=20
用来定义所有滚动字体的大小和颜色，
如果要单独定义某行字体，则如代码中那样，
在每句前后加<
FONTcolor=#990066size=4>
，
如果对字体的定义都是一样的，那么只要定义前面的了，
后面的就不需要了。
b）scrollAmount表示速度，值越大速度越快。
如果没有它，默认为6，建议设为1～3比较好。
c）scrollDelay也是用来控制速度的，
表示走走停停，默认为90，值越大，速度越慢。
d）direction很明显是表示滚动的方向，
默认为从右向左：
←，因此如果是向左滚动的话不需要次参数。
其他可选的值还有right，down，up。
滚动方向分别为：
right表示→，up表示↑，down表示↓。
e）width和height用来表示滚动区域的大小，
width是宽度，height是高度。
特别是在做垂直滚动的时候，一定要设height的值。
f）bgcolor表示滚动区域的背景颜色，
如果滚动文字不要背景的话把这段删了就可以了。
g）behavior是来控制滚动属性的，
默认为循环滚动（scroll），同样，如果是循环滚动的话可以不需要此参数。
其他可选的值还有alternate（交替滚动），
slide（幻灯片效果，指的是滚动一次，然后停止滚动）。
h）如果要对文字进行超链接，
只要在文字前后加<
target=_blank>
如代码中所写的那样，target=_blank表示链接在新窗口中打开。
i）每行字的前后<
用定义每行字的颜色，大小和字体，
如果哪项不需要的话，把代码去掉就行。
j）用WORLD编辑过东西的人都知道，<
表示倾斜，
表示加粗，加粗有可以是<
k）<
ＰＳ：
滚动方法虽然是教了，而我上面的代码也只是演示了一下综合效果，
但是看到很多朋友还是不会灵活运用，只照搬我上面的那段代码。
其实要做简单的滚动的话复制下面这段代码就行了，
要表现出其他效果，按照我说的增加参数就行了。
MARQUEE
scrollAmount=2scrollDelay=50direction=up
width=480height=180behavior=scroll>
滚动文字<
二、既然知道了滚动字幕如何制作了，
制作滚动图片就应该没什么问题了，简单图片滚动的代码如下：
MARQUEEscrollAmount=4scrollDelay=60
direction=rightwidth=190height=250>
IMGwidth=190height=250src="
你喜欢的图片地址"
border=0>
border=0>
参数说明：
a）第一个的width和height表示滚动窗口的大小，
后四个用来定义滚动图片的大小，图片的大小最好别超过滚动窗口的大小，
如果图片的高度值大于滚动窗口的高度值，
那么最后效果显示的窗口高度是图片的高度！
b）如果要增加图片只要加<
IMGwidth=190height=250
src="
就行了！
c）如果要对图片进行链接，只要在<
IMGwidth=190height=250
前后加<
就行了，同样，target=_blank
表示链接在新窗口中打开！
至于滚动图片的效果在这里就不演示了！
补充：
滚动字体特效中的各种参数不是单一的，
而是可以随意组合的，比如下面这段代码的简单组合：
MARQUEEscrollAmount=8direction=up
behavior=alternateheight=80width=499>
MARQUEEscrollAmount=4
direction=rightbehavior=alternateheight=50>
fontcolor=#990066size=5face=华文行楷>
欢迎光临，
祝您快乐！
/font>
从下面的演示效果中可以看出其奇妙性，
大家就可以知道，可以组合的方式是多种多样的！
帮你制作个性名片－飘动的图片
制作一个，个性名片，在访问博友的博客时，贴在留言里，其效果要比公用留言贴图好得多。
因为它即突出了你的个性，同时也展示了你博客的特色，也很受博友们的欢迎。
英雄现简单介绍一下留言个性名片的制作方法，希望大家能够喜欢。
其步骤如下：
一、个性名片的完整代码
TABLEheight=380cellSpacing=6cellPadding=0width=430
background=你喜欢的图片边框地址>
TBODY>
TR>
TD>
TABLEheight=380cellSpacing=0cellPadding=0width=430align=center
background=你喜欢的背景图片地址border=0>
SPANlang=EN-USstyle="
FONT-SIZE:
15pt;
mso-bidi-font-size:
12.0pt;
mso-fareast-font-family:
隶书"
MARQUEEscrollAmount=1width=50height=40align="
center"
scrolldely="
10"
FONTstyle="
FONT-WEIGHT:
normal;
FONT-SIZE:
25pt;
LINE-HEIGHT:
normal;
FONT-STYLE:
FONT-VARIANT:
normal"
face=苏新诗卵石体
color=#cf34f6size=6>
小阁（换上你的名字）<
IMGheight=60src="
你喜欢的动画地址"
width=70>
face=方正小篆体
color=#ff0000size=7>
拜访<
face=方正水柱简体
color=#00ffffsize=4>
朋友<
EM>
/EM>
/SPAN>
/TD>
/TR>
<
（上述的代码你也可不要）
TABLEborderColor=#228b22cellSpacing=0borderColorDark=#00ced1
cellPadding=0width=430align=centerborder=0>
MARQUEEscrollAmount=3scrollDelay=0behavior=alternate>
MARQUEEscrollAmount=2scrollDelay=0direction=downbehavior=alternate
height=300>
MARQUEEscrollAmount=1scrollDelay=0behavior=alternatewidth=400>
IMGstyle="
FILTER:
alpha（opacity=100,style=2,finshopacity=0）;
WIDTH:
200px;
HEIGHT:
160px"
height=160src="
你自己或亲朋的图片地址"
width=200>
/TBODY>
/TABLE>
DIVstyle="
glow（color=ff00ff,strength=10）;
FONT:
30ptArial;
420px;
COLOR:
red;
0px"
shadow（color=#9900ff,strength=25）;
WIDTH:
420px"
CENTER>
MARQUEEscrollAmount=2scrollDelay=10>
FONTface=方正水柱简体
color=#ffff00size=6>
小阁欢迎您的光临，您的支持就是我的动力。
英雄问候远方的朋友，您好吗？
虽然我们不曾谋面，虽然我们远隔千山万水，可这无形的网络，架起了我们沟通的桥梁，建立了我们的友情。
感谢网络让我们在此相聚、相识、相知，这是天赐网缘。
遇上您是我的福份，您是我一生的朋,小阁永远记挂您！
（换上你的文字）
/CENTER>
/DIV>
二、代码说明
1、IMGstyle="
200px;
是使“你自己或亲朋的图片地址”产生朦胧效果的代码。
其中WIDTH:
是用象素表示的（px是象素符号）图片的宽度，
HEIGHT:
160px是用象素表示的图片的高度。
WIDTH是英文大写宽的代码
，HEIGHT是英文大写高的代码。
2、<
这些是控制图片移动的代码。
蓝色的1、2、3是控制图片移动的速度，数字越大移动的越快。
3、<
这是使文字产生放射阴影效果的代码。
这是使文字产生立体阴影效果的代码。
4、<
MARQUEEscrollAmount=2scrollDelay=10align="
left"
这是控制文字移动的代码，蓝色的数字2是文字移动的速度，数字越大移动的越快。
三、使用方法
1、把代码复制粘贴到你的日志里进行编辑，按照说明，把红色标明的图片地址和文字，换成你的图片地址和文字。
2、点击“预览”，查看效果，满意后点击“保存为草稿”待用。
3、访问朋友博客时，复制个性名片，粘贴到朋友的留言栏里。
小阁就介绍到这，请大家试试吧，很有意思的。
如何制作文字在图片上滚动的音画？
龙城博客不少网友的日志音、画很精美。
有兴趣的网友，不妨跟着以下步骤操作，也能制作出不错的东东：
1，发布新日志。
在日志写入框下端的源代码前打√。
即下图的左下角：
2，把以下代码复制粘贴过去：
TABLEstyle="
BACKGROUND-REPEAT:
no-repeat"
borderColor=#ffff00height=300width=500border=2>
TDvAlign=topbackground=背景图片链接>
说明：
ffff00代表颜色
height=300代表图片高度
width=500代表图片宽度
border=2代表图片外框厚度
以上数据，为回味童年的快乐图片数据，博友们可以参照调整。
蓝色字体处都可以根据要求调整。
对了，图片链接地址，以自己空间的图为例：
图片右键，再点属性就可复制图片地址了。
3，在源代码前点一下，把√去掉。
图片成功显示。
您可以在图片上任意编辑要滚动的文字啦。
文字大小色彩等，都可以点日志写入框上面的小图标调整。
4，再在源代码前打√。
5，在文字代码前复制粘贴以下代码：
446px;
288px"
scrollAmount=1scrollDelay=77direction=upnmouseover="
this.stop（）"
说明：
"
表示滚动区域的大小，以上数据，为回味童年的快乐图片上文字滚动的数据，博友们可以参照调整。
6，加入音乐。
再√起源代码，复制粘贴进去以下代
升级会员 