注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

Good fun网易博客

图片文字素材库,时尚音乐,生活百科,精品博客

 
 
 

日志

 
 

文字特效代码汇总  

2011-01-03 18:24:56|  分类: 博客制作技巧 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

文字特效代码汇总

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://img.bimg.126.net/photo/eHaHkYknewet3nHzUNS3RQ==/3702803318628988464.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://img3.3lian.com/2006/013/14/2004121215512317504.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://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0018.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>

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

        好了,今天就先到这里,更多代码有空继续编辑!查看相关的属性设置及说明,请点击每个代码下面的提示链接,有问题在相关的文章下给我留言,我会抽时间回复的!请不要问的很笼统,及不看说明就知道问的朋友,我不回答!谢谢你的欣赏!祝你制作愉快!

 

 

  评论这张
 
阅读(4321)| 评论(45)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017