各种特效字代码

昵称535888 2011-05-30

展开全文

音画作品中插入Flash的代码的方法

Flash比GIF动画要漂亮些，我们把它设为透明后， Flash的背面我们可以插入一些漂亮的图片与之搭配达到很漂亮的效果；或者仅仅在音画作品中加入透明的Flash，可使你的作品更加漂亮，双儿就教你几种插入Flash的方法。

　　（一）首先教大家最简单的插入Flash的代码，透明，无坐标控制：

代码如下：
<EMBED height=360 pluginspage=http://www.macromedia.com/go/getflashplayer src=Flash地址 type=application/x-shockwave- flash width=500 wmode="transparent" quality="high"></EMBED>

注意:wmode="transparent"是控制Flash是否透明显示的，如果不想让它显示为透明的，直接把wmode="transparent"去掉即可。

说明：也就是把FLASH放在图片里面，这样图片就必需作为背景才行，不足之处就在于图片往往较大，而论坛或者网站显示范围有限，作为背景的图片常常无法显示全图。所以建议大家在用这种格式的时候最好是选取一些较小的图，也或者自己用PS将图改小了再用。

　　（二）再教教大家加入绝对坐标的透明Flash，绝对坐标意味着不管你的窗口拉多大，那个Flash依然乖乖地在原地不动：

代码如下：
<EMBED style="LEFT: 250px; WIDTH: 550px; POSITION: absolute; TOP: 200px; HEIGHT: 1000px" align=right src=Flash地址 width=500 height=2000 type=application/octet- stream ;; quality="high" wmode="transparent">

　　（三）最后教教大家如何加入相对坐标的透明Flash，注意下面代码的table部分，这主要是使用表格作为容器，把Flash“装”到表格里，这样不管浏览者把浏览器拉多大，Flash永远和表格一起动。而且，表格可以设置背景图片，表格上面再放一个透明Flash与背景图片相配合。

代码如下：
<table border="0" cellPadding="0" cellSpacing="0" width=600 height=382 align=center ;background=图片地址 >
<TD width=600 height=382><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer
src=Flash地址 width="100%" height="100%"
type=application/x-shockwave- flash wmode="transparent"
quality="high"></EMBED></TD></td></table>

　　比如：两只蝴蝶翩翩飞，代码如下：
<EMBED style="LEFT: 0px; WIDTH: 750px; POSITION: absolute; TOP: - 300px; HEIGHT: 1000px" align=right src=http://imgfree.21cn.com/free/flash/9.swf width=500 heigh t=2000 type=application/octet- stream quality="high" wmode="transparent">

最后请记住，Flash地址后面必须空一格，否则无法显示。

小提示：其实我们会做Flash作品的也可以自己做简单的作品，然后如上所述，将其设置为透明的添加到自己的作品里，会收到意想不到的结果哟，你可以试试看！！

播放器代码如下:

<EMBED src=音乐地址 hidden=true type=audio/x-pn-realaudio-plugin AutoStart="true" Loop="true"></EMBED>

欢迎光临的代码：
<FONT style="FONT-SIZE: 60pt; FILTER: shadow(color=yellow); WIDTH: 100%; COLOR: navy; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">欢迎光临</FONT>
显示效果：

欢迎光临

从上往下动

<DIV align=center><FONT style="FONT-SIZE: 60pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 楷体_GB2312"><DIV align=center><B>缘来是你部落</B></DIV></FONT></DIV>

　14<DIV align=center><MARQUEE style="WIDTH: 363px; HEIGHT: 55px" width=363 height=55><FONT face=楷体_GB2312 color=#daa520 size=7><STRONG>成熟的人不问过去</STRONG></FONT></MARQUEE></DIV>
　　
　　15<DIV align=center><MARQUEE style="WIDTH: 614px; HEIGHT: 117px" scrollAmount=2 direction=down height=117>
　　<FONT face=华文彩云〉<B><FONT color=#ffa500 size=7>祝你：天天快乐,时时开心</FONT></B></FONT></CENTER></MARQUEE></DIV>

<P align=center><FONT face=楷体_GB2312 color=#7fff00 size=6><STRONG><EM>祝大家开心快乐、幸福永远！</EM></STRONG></FONT></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>

　<TABLE cellSpacing=0 cellPadding=0 align=center background=http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0024.gif><TBODY><TR><TD style="FILTER: chroma(color=#336699)"><TABLE align=center bgColor=#000000><TBODY><TR><TD align=middle><FONT style="FONT-SIZE: 60pt" face=华文彩云 color=#336699><B>欢迎光临HTML学堂—M雨</b></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

<TABLE id=table31 cellSpacing=0 cellPadding=0 width=581 align=center background=http://www./user/yiyi/yiyisc/022/003.gif border=0><TBODY><TR><TD style="FILTER: chroma(color=#336699"><TABLE id=table32 width=591 align=center bgColor=#fcf3f4><TBODY><TR><TD align=middle><FONT face=隶书 color=#336699 size=7>你是好孩子</FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

<MARQUEE><FONT face=隶书 color=#b34db3 size=5>欢迎加入天涯秀场</FONT></MARQUEE><BR> <MARQUEE direction=right><FONT face=隶书 color=#b34db3 size=5>欢迎加入天涯秀场</FONT></MARQUEE>

<CENTER> <MARQUEE scrollAmount=2 direction=down height=60> <CENTER><FONT face=宋体 color=blue size=5><STRONG>天涯秀场欢迎您</FONT></CENTER></STRONG></MARQUEE> <CENTER> <MARQUEE scrollAmount=2 direction=up height=60> <CENTER><FONT face=宋体 color=blue size=5><STRONG>天涯秀场欢迎您</FONT></CENTER></STRONG></MARQUEE></CENTER>
　<CENTER><MARQUEE direction=up behavior=alternate width=130 height=300><IMG src=http://www./gif/dongwu/001/018ar.GIF></MARQUEE><FONT color=orange> <MARQUEE direction=up behavior=alternate width=130 height=250><IMG src=http://www./gif/dongwu/001/018ar.GIF></MARQUEE><FONT color=fuchsia> <MARQUEE direction=up behavior=alternate width=130 height=300><IMG src=http://www./gif/dongwu/001/018ar.GIF></MARQUEE><FONT color=olive> <MARQUEE direction=up behavior=alternate width=130 height=250><IMG src=http://www./gif/dongwu/001/018ar.GIF></MARQUEE> <CENTER><FONT face=隶书 color=red size=15> <MARQUEE direction=up behavior=alternate width=60 height=120>天</MARQUEE><FONT color=yellow> <MARQUEE direction=up behavior=alternate width=60 height=80>涯</MARQUEE><FONT color=brown> <MARQUEE direction=up behavior=alternate width=60 height=120>秀</MARQUEE><FONT color=green> <MARQUEE direction=up behavior=alternate width=60 height=80>场</MARQUEE><FONT color=orange> <MARQUEE direction=up behavior=alternate width=60 height=120>版</MARQUEE></FONT></MARQUEE></FONT></CENTER></FONT></FONT></FONT>

<FONT style="FONT-SIZE: 50pt; FILTER: shadow(color=#ffd700, strength=50); WIDTH: 500px">假如爱有天意</FONT></FONT>
假如爱有天意

<FONT style="FONT-SIZE: 72pt; FILTER: shadow(color=#DA70D6); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 方正舒体"><B>走进新时代！</B></FONT>
走进新时代！

祝您生日快乐！代码：
<DIV style="FILTER: glow(color=#E4DC9B, strength=5); WIDTH: 700px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 68pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文行楷 color=#e31c1b>祝您生日快乐！</FONT></DIV>

祝您生日快乐！

我爱美丽的大自然代码：
<FONT color=#c4b77d>
<FONT style="FILTER: shadow(color=#FF0000); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 130%; FONT-FAMILY: 华文行楷; font-size:45pt">我爱美丽的大自然</FONT><DIV align=center>

　欢迎来到这里代码：
<FONT style="FONT-SIZE: 50pt; FILTER: shadow(color=#af2dco); WIDTH: 100%; COLOR: #730404; LINE-HEIGHT: 100%; FONT-FAMILY: 华文行楷" size=6>欢迎来到这里！</FONT>
欢迎来到这里！做的太好了，谢谢！代码：
<FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>做的太好了，谢谢！</B></FONT>
做的太好了，谢谢！ （十七）特效文字的代码

<FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=#af2dco); WIDTH: 100%; COLOR: #730404; LINE-HEIGHT: 100%; FONT-FAMILY: 华文行楷" size=6>
特效文字的代码
</FONT>
显示效果：

特效文字的代码

（十八）幸福快乐的代码

<DIV style="FONT-SIZE: 60pt; FILTER: shadow(color=green, strength=100); WIDTH: 480px"><FONT face=华文彩云 color=#fff000>
<CENTER>幸<BR>福<BR>快<BR>乐<BR><BR></CENTER></FONT></DIV>
　
显示效果：

幸
福
快
乐

<MARQUEE scrollAmount=3 scrollDelay=150 direction=up width=400 height=400>
<CENTER><FONT face=黑体 color=#fff00 size=7>
<DIV class=quote>淡淡的友情最诚，淡淡的问候最醇，淡淡的依恋最清，淡淡的孤独最美，淡淡的思念最深，淡淡的祝福最真！ <BR></DIV><BR></FONT></CENTER></MARQUEE>

淡淡的思,淡淡的品

代码如下；

1、文字发光
<table style="FILTER: glow(color=#6CABE7,direction=2)">
<font color=#ffffff size=2>文字内容</font>
</table>

2、文字阴影
<table style="FILTER: dropshadow(color=#cccccc, offx=2, offy=2, positive=2);">
<font color=#6CABE7 size=2>文字内容</font>
</table>

3、文字浮雕
<table style="FILTER: dropshadow(color=#6699FF, offx=1, offy=1, positive=1);">
<font color=#ffffff>文字内容</font>
</table>

、彩色字体色彩绚丽

彩色字体色彩绚丽

</font><br>
<P align=center><STRONG><FONT size=6><FONT face=华文新魏><FONT color=#ff0000>彩
</FONT><FONT color=#ff8900>色</FONT><FONT color=#92c000>字</FONT><FONT color=#00c024>体</FONT><FONT color=#00c0da>色</FONT><FONT color=#0053ff>彩</FONT><FONT color=#4800ff> 绚</FONT><FONT color=#ff00ff>丽</FONT></FONT></FONT></STRONG></P>

2、阴影字体

</font><br><P align=center><FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=333366
); WIDTH: 631px; COLOR: #3333ff; LINE-HEIGHT: 150%; FONT-FAMILY: 华文新宋; HEIGHT: 51px"></P>
<P align=center>阴影字体</P></FONT>

3、围边字体

</font><br><P align=center> </P><FONT style="FONT-SIZE: 30pt; FILTER: glow(color=gray,strength=5); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷">
<P align=center><B>围边字体体字边围</B></P></FONT>

4、投影字体

</font><br><P align=center> </P>
<P align=center><FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 40px; FILTER: blur(add=1, direction=45,strength=10); WIDTH: 450px; POSITION: relative" color=#000099>投影字体投影字体</FONT></CAPTION> <BR></CAPTION></P>

5、抛射字体

6、带背景的闪光字体（背景图片可以换）

<P align=center><BR>
<TABLE cellSpacing=0 cellPadding=0 align=center background=http://616bbs./picture/yn/hexiang/st4.gif>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#336699)">
<TABLE align=center background=http://lanxinzhu./wangye/beijin/x1.jpg>
<TBODY>
<TR>
<TD align=middle><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 40pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=楷体_gb2312 color=#336699><B>带背景的闪光字体（背景图片可以换）</B></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>

7、向上移动的文字

</font><br><P align=center>
<TABLE class=tablebody2 style="; WORD-BREAK: break-all" width="90%" border=0>
<TBODY>
<TR>
<TD style="FONT-SIZE: 11pt; LINE-HEIGHT: 15pt" width="100%"><BR>
<DIV align=center>
<MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=8 direction=up>
<P align=center><FONT face=隶书 color=#ff0000 size=7><B>向上移动的文字</B></FONT></P></MARQUEE></DIV></TD></TR></TBODY></TABLE></P>

8、向下移动的文字

<P align=center>
<TABLE class=tablebody2 style="; WORD-BREAK: break-all" width="90%" border=0>
<TBODY>
<TR>
<TD style="FONT-SIZE: 11pt; LINE-HEIGHT: 15pt" width="100%"><BR>
<DIV align=center>
<MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=8 direction=down>
<P align=center><FONT face=隶书 color=#ff0000 size=7><B>向下移动的文字</B></FONT></P></MARQUEE></DIV></TD></TR></TBODY></TABLE></P>

9、向左移动的文字

<P align=center>
<TABLE class=tablebody2 style="; WORD-BREAK: break-all" width="90%" border=0>
<TBODY>
<TR>
<TD style="FONT-SIZE: 11pt; LINE-HEIGHT: 15pt" width="100%"><BR>
<DIV align=center>
<MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=8>
<P align=center><FONT face=隶书 color=#ff0000 size=5><B>向左移动的文字</B></FONT></P></MARQUEE></DIV></TD></TR></TBODY></TABLE></P>

10、向右移动的文字

<P align=center><BR></P>
<P align=center>
<MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=10 direction=right>
<P align=center><FONT face=隶书 color=#ff0000 size=7><B>向右移动的文字</B></FONT></P></MARQUEE></P>

11、由中间向两边移动的文字和图像

<P align=center> </P>
<P align=center><FONT face=华文彩云 color=#ee110e size=5>
<MARQUEE width=200 height=50><IMG onmousewheel="return bbimg(this)" style="CURSOR: pointer" onclick=javascript:window.open(this.src); src="

http://lanxinzhu./wangye/taozhuang/c1.gif" onload="javascript:if(this.width>screen.width-320)this.style.width=screen.width-320;">由中间向两边移动的文字和图像 </FONT></MARQUEE><FONT face=华文彩云 color=#ee110e size=5><FONT face=华文彩云 color=#ee1111 size=5>
<MARQUEE direction=right width=200 height=50>由中间向两边移动的文字和图像<IMG onmousewheel="return bbimg(this)" style="CURSOR: pointer" onclick=javascript:window.open(this.src); src="

http://lanxinzhu./wangye/taozhuang/c1.gif" onload="javascript:if(this.width>screen.width-320)this.style.width=screen.width-320;"></FONT></MARQUEE></FONT></FONT></P></FONT>

12、来回走动的文字

</font><br>
<P align=center> </P>
<P align=center>
<TABLE class=tablebody2 style="; WORD-BREAK: break-all" width="90%" border=0>
<TBODY>
<TR>
<TD style="FONT-SIZE: 11pt; LINE-HEIGHT: 15pt" width="100%"><BR>
<DIV align=center>
<MARQUEE scrollAmount=8 behavior=alternate ?WIDTH: 397px; HEIGHT: 200px?>
<P align=center><FONT face=隶书 color=#ff0000 size=6><B>来回走动的文字</B></FONT></P></MARQUEE></DIV></TD></TR></TBODY></TABLE></P>

代码复制处

（1）在图片上飘动的文字效果图：

<TABLE borderColor=#00ff99 height=500 width=500 align=center border=3>
<TBODY>
<TR>
<TD background=背景图片地址>
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=500>
<MARQUEE scrollAmount=3 behavior=alternate width=500>
<P align=center><FONT color=red size=6><B>要写在图片上的文字</B></FONT>
</B></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>

代码复制处

【代码说明】：

1、width：为飘浮文字（图）框架的宽度。
2、height：为飘浮文字（图）框架的高度。
3、color=red：表示文字颜色（颜色可改）。
4、size=字体的大小。
5、 scrollAmount=3 ：移动的速度。

一，文字基本设制基本代码如下：

align=center　表示字体居中，可选值为居右（right）居左（left） color=颜色代码　具体颜色代码可参照：颜色选取＜＜点击查看 face=字体　常用字体为：宋体.黑体.楷体.仿宋.幻缘.新宋体.细明体等 size=字体大小，这里的最大值为7　取值越大文字就越大

二，大字体文字 效果：

数到三就不哭

代码：

<font style=font:40pt face=新宋体 color=#ff0000>插入文字</font> font:40pt　数值越大文字就越大

三、几种文字特效

1、运动模糊效果
中秋节快乐
代码：

<font style="filter:blur(add=1,direction=210,strength=100);WIDTH:100%;
COLOR:#0000FF;LINE-HEIGHT:150%;FONT-FAMILY:华文彩云; font-weight:700"
size="12">中秋节快乐</FONT><p>代码：</p>

Blur滤镜表现的是一种模糊效果。Direction属性是模糊移动的角度，其值为0至360度；Strength属性是模糊移动的距离，对于文字add要取1，其它参数看看就知道了。

2、阴影效果

让我怎样的感谢你！

代码：

<FONT
style="FONT-SIZE:35pt;filter:shadow(color=black,direction=180);WIDTH:100%;
COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>让我怎样的感谢你！</B></FONT>

shadow(color=black) 阴影颜色，COLOR:red 字体颜色 direction 是阴影角度(0-360)

我是怎样地爱你

出手不凡、动感十足！

曾经的相遇

3、重叠效果

谢谢大家!

代码：

<FONT
style="FONT-SIZE:35pt;filter:dropshadow(color=black,offX=5,offY=5,Positive=1);WIDTH:100%;
COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:隶书; font-weight:700">谢谢大家!</FONT>

color属性：设置影子文本的颜色；

offX和offY属性：影子文本下落的位移值

效果一

数到三就不哭

原代码：

<CENTER><FONT style="COLOR: #e4dc9b; FILTER: shadow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>数到三就不哭</B></FONT></CENTER>

效果二：

数到三就不哭

原代码：

<CENTER><FONT style="COLOR: #e4dc9b; FILTER: glow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>数到三就不哭</B></FONT></CENTER>

效果三：

数到三就不哭

原代码：

<CENTER><FONT color=#0099ff style="FILTER: blur(add=1, direction=40,strength=10); FONT-SIZE: 30px; FONT-WEIGHT: bolder; POSITION: relative; LINE-HEIGHT: 150%; WIDTH: 450px">数到三就不哭</FONT></CENTER>

效果四：

数到三就不哭

原代码：

<MARQUEE behavior=alternate direction=up height=150 scrollAmount=5><MARQUEE behavior=altrnate scrollAmount=2 width=460 <IMG src="http://www./bbs/UploadFile/2003-9/20039251018214901.gif"><FONT color=red face=楷体_gb2312 size=7>数到三就不哭</FONT></MARQUEE></MARQUE></MARQUEE>

效果五：

欢迎你朋友

友朋你迎欢

原代码：

<FONT color=#0096ff face=隶书 size=7><MARQUEE height=50 width=240>欢迎你朋友</FONT></MARQUEE><FONT color=#0000ff face=隶书 size=7><MARQUEE direction=right height=50 width=240>友朋你迎欢</MARQUEE></FONT></FONT>

注明：在用这种效果时，文字移动范围的宽width的取值很重要，两段文字移动范转的width取值和一定要小于背景层width的取值。

效果六：

数到三就不哭

原代码：<P align=center><FONT style="FONT-SIZE: 55pt; FILTER: shadow(color=apar); WIDTH: 100%; COLOR: #00ff00; LINE-HEIGHT: 100%" face=汉鼎繁随意 size=6>数到三就不哭</FONT><FONT style="FONT-SIZE: 55pt; FILTER: shadow(color=apar); WIDTH: 100%; COLOR: #ff00ff; LINE-HEIGHT: 100%; FONT-FAMILY: 汉鼎繁中变" size=6></FONT><FONT color=#ff00ff> </FONT></P>