各種特效字代碼

昵稱535888 2011-05-30

展開全文

音畫作品中插入Flash的代碼的方法

Flash比GIF動畫要漂亮些，我們把它設(shè)為透明后， Flash的背面我們可以插入一些漂亮的圖片與之搭配達(dá)到很漂亮的效果；或者僅僅在音畫作品中加入透明的Flash，可使你的作品更加漂亮，雙兒就教你幾種插入Flash的方法。

　　（一）首先教大家最簡單的插入Flash的代碼，透明，無坐標(biāo)控制：

代碼如下：
<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放在圖片里面，這樣圖片就必需作為背景才行，不足之處就在于圖片往往較大，而論壇或者網(wǎng)站顯示范圍有限，作為背景的圖片常常無法顯示全圖。所以建議大家在用這種格式的時候最好是選取一些較小的圖，也或者自己用PS將圖改小了再用。

　?。ǘ┰俳探檀蠹壹尤虢^對坐標(biāo)的透明Flash，絕對坐標(biāo)意味著不管你的窗口拉多大，那個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">

　　（三）最后教教大家如何加入相對坐標(biāo)的透明Flash，注意下面代碼的table部分，這主要是使用表格作為容器，把Flash“裝”到表格里，這樣不管瀏覽者把瀏覽器拉多大，F(xiàn)lash永遠(yuǎn)和表格一起動。而且，表格可以設(shè)置背景圖片，表格上面再放一個透明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">

最后請記住，F(xiàn)lash地址后面必須空一格，否則無法顯示。

小提示：其實(shí)我們會做Flash作品的也可以自己做簡單的作品，然后如上所述，將其設(shè)置為透明的添加到自己的作品里，會收到意想不到的結(jié)果喲，你可以試試看！！

播放器代碼如下:

<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>祝大家開心快樂、幸福永遠(yuǎn) ！</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學(xué)堂—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>走進(jìn)新時代！</B></FONT>
走進(jìn)新時代！

祝您生日快樂！代碼：
<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>淡淡的友情最誠，淡淡的問候最醇，淡淡的依戀最清，淡淡的孤獨(dú)最美，淡淡的思念最深，淡淡的祝福最真！ <BR></DIV><BR></FONT></CENTER></MARQUEE>

淡淡的思,淡淡的品

代碼如下；

1、文字發(fā)光
<table style="FILTER: glow(color=#6CABE7,direction=2)">
<font color=#ffffff size=2>文字內(nèi)容</font>
</table>

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

3、文字浮雕
<table style="FILTER: dropshadow(color=#6699FF, offx=1, offy=1, positive=1);">
<font color=#ffffff>文字內(nèi)容</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>

代碼復(fù)制處

（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>

代碼復(fù)制處

【代碼說明】：

1、width：為飄浮文字（圖）框架的寬度。
2、height：為飄浮文字（圖）框架的高度。
3、color=red：表示文字顏色（顏色可改）。
4、size=字體的大小。
5、 scrollAmount=3 ：移動的速度。

一，文字基本設(shè)制基本代碼如下：

align=center　表示字體居中，可選值為居右（right）居左（left） color=顏色代碼　具體顏色代碼可參照：顏色選?。迹键c(diǎn)擊查看 face=字體　常用字體為：宋體.黑體.楷體.仿宋.幻緣.新宋體.細(xì)明體等 size=字體大小，這里的最大值為7　取值越大文字就越大

二，大字體文字 效果：

數(shù)到三就不哭

代碼：

<font style=font:40pt face=新宋體 color=#ff0000>插入文字</font> font:40pt　數(shù)值越大文字就越大

三、幾種文字特效

1、運(yùn)動模糊效果
中秋節(jié)快樂
代碼：

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

Blur濾鏡表現(xiàn)的是一種模糊效果。Direction屬性是模糊移動的角度，其值為0至360度；Strength屬性是模糊移動的距離，對于文字add要取1，其它參數(shù)看看就知道了。

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)

我是怎樣地愛你

出手不凡、動感十足！

曾經(jīng)的相遇

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屬性：設(shè)置影子文本的顏色；

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

效果一

數(shù)到三就不哭

原代碼：

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

效果二：

數(shù)到三就不哭

原代碼：

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

效果三：

數(shù)到三就不哭

原代碼：

<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">數(shù)到三就不哭</FONT></CENTER>

效果四：

數(shù)到三就不哭

原代碼：

<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>數(shù)到三就不哭</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的取值很重要，兩段文字移動范轉(zhuǎn)的width取值和一定要小于背景層width的取值。

效果六：

數(shù)到三就不哭

原代碼：<P align=center><FONT style="FONT-SIZE: 55pt; FILTER: shadow(color=apar); WIDTH: 100%; COLOR: #00ff00; LINE-HEIGHT: 100%" face=漢鼎繁隨意 size=6>數(shù)到三就不哭</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>

本站是提供個人知識管理的網(wǎng)絡(luò)存儲空間，所有內(nèi)容均由用戶發(fā)布，不代表本站觀點(diǎn)。請注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購買等信息，謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請點(diǎn)擊一鍵舉報。

轉(zhuǎn)藏 分享

QQ空間 QQ好友新浪微博微信

獻(xiàn)花（0） +1

來自：昵稱535888 > 《我的圖書館》

舉報/認(rèn)領(lǐng)