文字特效代码汇总

文字特效代码汇总

1、来回滚动加投影效果：

★钟成祝你新年快乐！★

上面效果代码复制如下：

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

本移动效果各颜色等设置相关说明点击此处文字，查看相关参考

 

 

2、竖排移动文字加投影

水调歌头

明月几时有，
把酒问青天。
不知天上宫阙，
今夕是何年。
我欲乘风归去，
又恐琼楼玉宇，
高处不胜寒。
起舞弄清影，
何似在人间。
转朱阁，低绮户，
照无眠。
不应有恨，
何事长向别时圆？
人有悲欢离合，
月有阴晴圆缺，
此事古难全。
但愿人长久，
千里共婵娟。

 

 

上面效果代码复制如下：

<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>水调歌头<BR><BR>明月几时有，<BR>把酒问青天。<BR>不知天上宫阙，<BR>今夕是何年。<BR>我欲乘风归去，<BR>又恐琼楼玉宇，<BR>高处不胜寒。<BR>起舞弄清影， <BR>何似在人间。<BR>转朱阁，低绮户，<BR>照无眠。<BR>不应有恨，<BR>何事长向别时圆？<BR>人有悲欢离合，<BR>月有阴晴圆缺，<BR>此事古难全。<BR>但愿人长久，<BR>千里共婵娟。 <BR></MARQUEE></MARQUEE></B></FONT> <P></P></MARQUEE></MARQUEE></B></FONT></DIV>

本移动效果各颜色等设置相关说明点击此处文字，查看相关参考

 

 

3、空心文字代码

欢迎光临 钟成博客 祝你开心 浏览愉快

 

 

上面效果代码复制如下：

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

本移动效果各颜色等详细设置说明，点击此处文字，查看相关参考

 

 

4、渐变色扭曲移动

钟成祝您，兔年大吉
抱着平安，拥着健康，
揣着幸福，携着快乐，
搂着温馨，带着甜蜜，
牵着财运，拽着吉祥，
迈入新年，快乐天天!

 

上面效果代码复制如下：

<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>牵着财运，拽着吉祥，<BR>迈入新年，快乐天天! <BR></B></FONT></MARQUEE></DIV>

友情提示：  1、代码中的：“red”是字体渐变的颜色，本例是用红色“red”，你可以自己设置，不习惯用英文的朋友，可以用颜色代码，例：白色“#ffffff” 2、代码中的：“18”是字体大小，改变数值改变大小。 3、代码中的：“3”是滚动的速度，改变数值改变速度；width后面的值是文字宽度，height后面的值是滚动的高度，都可以自己设置！

 

 

5、多彩多列闪动文字

钟

成

向

您

问

好

 

 

上面效果代码复制如下：

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

本移动效果各颜色等详细设置说明，点击此处文字，查看相关参考

 

 

6、左右来回移动加描边

钟成祝朋友新年快乐！

 

上面效果代码复制如下：

<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”是文字字体的颜色，改变颜色代码改变相应颜色！详细颜色代码表请点击：网易博客代码(颜色代码) 2、代码中的“25”是描边大小，“24”是字体大小，“600”是滚动左右距离，“5”是滚动速度，都可以自己改变数值来进行设置！

 

 7、跳动文字

钟 成 欢 迎 您

 

上面效果代码复制如下：

<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”，分别是相对应文字的上下跳动距离，由于1/3/5字是260，而2/4是180，所以看上去效果有跳动感觉，你可以自己设置！你还可以在代码前后加一组左右来回滚动属性，这样文字还可以左右来回走加上下跳动！由于还有很多代码要整理，我这里就不演示了！还有有朋友，想更多了解字体的颜色，字体，滚动的方向，距离等属性，请点击阅读： 文字滚动代码大全[原]

 

 

8、文字向两边走

钟成欢迎您 您迎欢成钟

 

上面效果代码复制如下：

<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友情提示： 新朋友，想更多了解字体的颜色，字体，滚动的方向，距离等属性，请点击阅读： 文字滚动代码大全[原]

 

 

9、彩色闪动文字

Good fun欢迎朋友光临！

 

 

上面效果代码复制如下：

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

查看更多闪动文字效果及代码，请点击此处文字！

 

 

10、移动光照字

欢迎光临Good fun博客！
衷心祝愿朋友兔年大吉！

 

上面效果代码复制如下：

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

点击此处文字：查看移动光照字各属性设置

 

 

11、霓虹过光字

Goodfun在此感谢所有 光临fun家的朋友们!

 

 

上面效果代码复制如下：

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

点击此处文字：查看更多霓虹过光文字代码及效果