打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
文字特效代码汇总
文字代码 2011-01-07 23:03:41 阅读12 评论0   字号:大中小
原文作者:彼岸桃花
原文作者: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、彩色闪动文字
Good fun欢迎朋友光临!
上面效果代码复制如下:
<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、霓虹过光字
Goodfun在此感谢所有
光临fun家的朋友们!
上面效果代码复制如下:
<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>
点击此处文字:查看更多霓虹过光文字代码及效果
好了,今天就先到这里,更多代码有空继续编辑!查看相关的属性设置及说明,请点击每个代码下面的提示链接,有问题在相关的文章下给我留言,我会抽时间回复的!请不要问的很笼统,及不看说明就知道问的朋友,我不回答!谢谢你的欣赏!祝你制作愉快!
博客制作IT技巧博客素材
PS教程U5教程视觉大餐
情感诉说flash总汇日志边框博客游戏美女赏析情感攻略
博客装扮音画素材给Goodfun留言交流 星座测试flash音画
博客制作原创作品风景美图PS教程
美女帅哥博客美化生日素材有声朗读
精美边框音画欣赏健康知识分割线朋友的祝福图文欣赏历史趣闻背景素材
FLASH素材png免抠图写字模板给彼岸桃花留言交流 顶栏图片美图珍藏花卉欣赏
点击分享导航模块代码
请欣赏《博客制作篇二》汇总
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
漂亮字体及代码
代码入门教程(11)
字体代码大全
一组文字特效代码
移动文字代码大全
【音画教室】文字移动特效代码(三)
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服