文字特效代码汇总
文字代码 2011-01-07 23:03:41 阅读12 评论 字号:大中小 订阅
原文作者: 彼岸桃花 原文作者: Good fun
文字特效代码汇总
Good fun编辑
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/0821/8334176_4.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、彩色闪动文字
上面效果代码复制如下:
|
<P align=center> <TABLE align=center background=http://image21.360doc.com/DownloadImg/2011/01/0821/8334176_5.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、霓虹过光字
上面效果代码复制如下:
|
<P align=center> <TABLE align=center background=http://image21.360doc.com/DownloadImg/2011/01/0821/8334176_6.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>
|
点击此处文字:查看更多霓虹过光文字代码及效果
|
好了,今天就先到这里,更多代码有空继续编辑!查看相关的属性设置及说明,请点击每个代码下面的提示链接,有问题在相关的文章下给我留言,我会抽时间回复的!请不要问的很笼统,及不看说明就知道问的朋友,我不回答!谢谢你的欣赏!祝你制作愉快!
点击分享导航模块代码
请欣赏《博客制作篇二》汇总
|
|
|