文字特效代碼匯總
1、來回滾動加投影效果：
|
上面效果代碼復(fù)制如下：
|
<DIV style="FILTER: shadow(color=#ffffff, strength=10); WIDTH: 500px" align=center>
<MARQUEE height=60 behavior=alternate width=600 scrollAmount=2 scrollDelay=60><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 28pt; FONT-WEIGHT: normal" color=#330000 face=華文彩云><STRONG> ★鐘成祝你新年快樂！★ </STRONG></FONT></MARQUEE></DIV> |
|
本移動效果各顏色等設(shè)置相關(guān)說明點(diǎn)擊此處文字，查看相關(guān)參考
|
2、豎排移動文字加投影
|
上面效果代碼復(fù)制如下：
|
|
<DIV style="FILTER: shadow(color= #3333ff , strength=26); WIDTH: 682px; HEIGHT: 341px" align=center><FONT color=#ffff33 size=5 face=華文彩云><B>
<MARQUEE height=350 behavior=slide width=680 loop=1 scrollAmount=1 scrollDelay=100><BR>
<MARQUEE style="WRITING-MODE: tb-rl; LINE-HEIGHT: 120%" direction=up height=350 width=680 scrollAmount=1 scrollDelay=100>水調(diào)歌頭<BR><BR>明月幾時有，<BR>把酒問青天。<BR>不知天上宮闕，<BR>今夕是何年。<BR>我欲乘風(fēng)歸去，<BR>又恐瓊樓玉宇，<BR>高處不勝寒。<BR>起舞弄清影， <BR>何似在人間。<BR>轉(zhuǎn)朱閣，低綺戶，<BR>照無眠。<BR>不應(yīng)有恨，<BR>何事長向別時圓？<BR>人有悲歡離合，<BR>月有陰晴圓缺，<BR>此事古難全。<BR>但愿人長久，<BR>千里共嬋娟。 <BR></MARQUEE></MARQUEE></B></FONT>
<P></P></MARQUEE></MARQUEE></B></FONT></DIV>
|
|
本移動效果各顏色等設(shè)置相關(guān)說明點(diǎn)擊此處文字，查看相關(guān)參考
|
3、空心文字代碼
|
上面效果代碼復(fù)制如下：
|
|
<P align=center>
<TABLE cellSpacing=0 cellPadding=0 align=center background=Lonely.jpg>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#ff0000)">
<TABLE cellSpacing=0 cellPadding=0 align=center background=LonelyBg.jpg>
<TBODY>
<TR>
<TD align=middle><FONT style="FONT-SIZE: 50pt" face=華文行楷 color=#ff0000><B><EM>歡迎光臨<BR>鐘成博客 <BR>祝你開心<BR>瀏覽愉快</EM></B></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>
|
|
本移動效果各顏色等詳細(xì)設(shè)置說明，點(diǎn)擊此處文字，查看相關(guān)參考
|
4、漸變色扭曲移動
|
上面效果代碼復(fù)制如下：
|
|
<DIV align=center>
<MARQUEE style="FILTER: Wave(freq=5, light=20, phase=100, strength=6); WIDTH: 280px; FONT-FAMILY: ??; HEIGHT: 258px; COLOR: red; FONT-SIZE: 18pt" direction=up scrollAmount=3 scrollDelay=100><FONT color=red><B>鐘成祝您，兔年大吉<BR>抱著平安，擁著健康，<BR>揣著幸福，攜著快樂，<BR>摟著溫馨，帶著甜蜜，<BR>牽著財運(yùn)，拽著吉祥，<BR>邁入新年，快樂天天! <BR></B></FONT></MARQUEE></DIV>
|
|
友情提示：
1、代碼中的：“red”是字體漸變的顏色，本例是用紅色“red”，你可以自己設(shè)置，不習(xí)慣用英文的朋友，可以用顏色代碼，例：白色“#ffffff”
2、代碼中的：“18”是字體大小，改變數(shù)值改變大小。
3、代碼中的：“3”是滾動的速度，改變數(shù)值改變速度；width后面的值是文字寬度，height后面的值是滾動的高度，都可以自己設(shè)置！
|
5、多彩多列閃動文字
|
上面效果代碼復(fù)制如下：
|
|
<P align=center>
<TABLE align=center borderColor=#ffffff height=80 cellSpacing=3 borderColorDark=#000000 cellPadding=10 width=480 bgColor=#ffffff background=http://image21.360doc.com/DownloadImg/2011/01/0814/8322881_1.jpg border=1>
<TBODY>
<TR>
<TD width=80 bgColor=#ff6699>
<DIV align=center>
<DIV style="FILTER: shadow(color=#3300FF, strength=8); WIDTH: 48px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 40pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=華文彩云 color=#33ffff>鐘</FONT></DIV></DIV></TD>
<TD width=80 bgColor=#ffff00>
<DIV align=center>
<DIV style="FILTER: shadow(color=#3300FF, strength=8); WIDTH: 48px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 40pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=華文彩云 color=#33ffff>成</FONT></DIV></DIV></TD>
<TD width=80 bgColor=#63b8ff>
<DIV align=center>
<DIV style="FILTER: shadow(color=#3300FF, strength=8); WIDTH: 48px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 40pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=華文彩云 color=#33ffff>向</FONT></DIV></DIV></TD>
<TD width=80 bgColor=#ff9999>
<DIV align=center>
<DIV style="FILTER: shadow(color=#3300FF, strength=8); WIDTH: 48px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 40pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=華文彩云 color=#33ffff>您</FONT></DIV></DIV></TD>
<TD width=80 bgColor=#33ff00>
<DIV align=center>
<DIV style="FILTER: shadow(color=#3300FF, strength=8); WIDTH: 48px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 40pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=華文彩云 color=#33ffff>問</FONT></DIV></DIV></TD>
<TD width=80 bgColor=#ff00ff>
<DIV align=center>
<DIV style="FILTER: shadow(color=#3300FF, strength=8); WIDTH: 48px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 40pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=華文彩云 color=#33ffff>好</FONT></DIV></DIV></TD></TR></TBODY></TABLE></P>
|
|
本移動效果各顏色等詳細(xì)設(shè)置說明，點(diǎn)擊此處文字，查看相關(guān)參考
|
6、左右來回移動加描邊
|
上面效果代碼復(fù)制如下：
|
|
<P align=center>
<MARQUEE style="FILTER: glow(color::#ff00ff ,strength=25); COLOR: #63b8ff; FONT-SIZE: 24pt" behavior=alternate width=600 scrollAmount=5><FONT style="LINE-HEIGHT: normal">鐘成祝朋友新年快樂！</FONT></MARQUEE></P>
|
|
Goodfun友情提示：
1、代碼中：“color::#ff00ff ”是文字描邊的顏色，“COLOR: #63b8ff”是文字字體的顏色，改變顏色代碼改變相應(yīng)顏色！詳細(xì)顏色代碼表請點(diǎn)擊：網(wǎng)易博客代碼(顏色代碼)
2、代碼中的“25”是描邊大小，“24”是字體大小，“600”是滾動左右距離，“5”是滾動速度，都可以自己改變數(shù)值來進(jìn)行設(shè)置！
|
7、跳動文字
|
上面效果代碼復(fù)制如下：
|
|
<P align=center><FONT style="FILTER: glow(color: 00cc00,strength=40); LINE-HEIGHT: 150%; WIDTH: 100%; FONT-FAMILY: 華文彩云; COLOR: white; FONT-SIZE: 40pt">
<MARQUEE direction=up height=260 behavior=alternate width=120>
<CENTER><B>鐘</B></CENTER></MARQUEE>
<MARQUEE direction=up height=180 behavior=alternate width=120>
<CENTER><B>成</B></CENTER></MARQUEE>
<MARQUEE direction=up height=260 behavior=alternate width=120>
<CENTER><B>歡</B></CENTER></MARQUEE>
<MARQUEE direction=up height=180 behavior=alternate width=120>
<CENTER><B>迎</B></CENTER></MARQUEE>
<MARQUEE direction=up height=260 behavior=alternate width=120>
<CENTER><B>您</B></CENTER></MARQUEE></FONT></P>
|
|
Goodfun友情提示：
這里值得提示的是，代碼中的三個“260”和兩個“180”，分別是相對應(yīng)文字的上下跳動距離，由于1/3/5字是260，而2/4是180，所以看上去效果有跳動感覺，你可以自己設(shè)置！你還可以在代碼前后加一組左右來回滾動屬性，這樣文字還可以左右來回走加上下跳動！由于還有很多代碼要整理，我這里就不演示了！還有有朋友，想更多了解字體的顏色，字體，滾動的方向，距離等屬性，請點(diǎn)擊閱讀： 文字滾動代碼大全[原]
|
8、文字向兩邊走
|
上面效果代碼復(fù)制如下：
|
|
<P align=center>
<MARQUEE height=60 width=300><FONT color=#0000ff size=6 face=隸書>鐘成歡迎您</FONT></MARQUEE>
<MARQUEE direction=right height=60 width=300><FONT color=#0000ff size=6 face=隸書>您迎歡成鐘</FONT></MARQUEE></P>
|
|
Goodfun友情提示：
新朋友，想更多了解字體的顏色，字體，滾動的方向，距離等屬性，請點(diǎn)擊閱讀： 文字滾動代碼大全[原]
|
9、彩色閃動文字
|
上面效果代碼復(fù)制如下：
|
|
<P align=center>
<TABLE align=center background=http://image21.360doc.com/DownloadImg/2011/01/0814/8322881_2.gif border=5>
<TBODY>
<TR>
<TD style="FILTER: mask(color=#000000)" align=middle><FONT style="FONT-SIZE: 40pt" face=隸書 color=#336699><B>Good fun歡迎朋友光臨！</B></FONT></TD></TR></TBODY></TABLE></P>
|
|
查看更多閃動文字效果及代碼，請點(diǎn)擊此處文字！
|
10、移動光照字
|
上面效果代碼復(fù)制如下：
|
|
<DIV align=center>
<MARQUEE style="FONT-SIZE: 11pt; FILTER: Wave glow(color=FF0000,strength:1 Add=0,freq=4,LightStrength=4,Phase=15,Strength=4); WIDTH: 600px; COLOR: #66ff66; LINE-HEIGHT: 22pt; HEIGHT: 200px; TEXT-ALIGN: center; padding-center: 10em" scrollAmount=1 scrollDelay=40 direction=up loop=infinite height=200><FONT face=黑體 size=18><B>歡迎光臨Good fun博客！<BR>衷心祝愿朋友兔年大吉！</B></FONT></B></MARQUEE></DIV>
|
|
點(diǎn)擊此處文字：查看移動光照字各屬性設(shè)置
|
11、霓虹過光字
|
上面效果代碼復(fù)制如下：
|
|
<P align=center>
<TABLE align=center background=http://image21.360doc.com/DownloadImg/2011/01/0814/8322881_3.gif border=5 width=600>
<TBODY>
<TR>
<TD style="FILTER: mask(color=#000000)" align=middle><FONT style="FONT-SIZE: 40pt" face=隸書 color=#336699><B>Goodfun在此感謝所有<BR>光臨fun家的朋友們!</B></FONT></TD></TR></TBODY></TABLE></P>
|
|
點(diǎn)擊此處文字：查看更多霓虹過光文字代碼及效果
|
|
