文字特效代码大全

文字特效代码大全

(2012-02-21 22:46:04)

转载▼

标签： 【博客美化】

分类： 【博客美化】

 

文字特效代码大全

　收集整理/紫玫瑰

　

搜集的几种文字特效代码及效果与大家共分享。

 

 一、循环滚动的字

 

 

紫玫瑰欢迎您的光临！

 代码：

<DIV class="articalContent  " id=sina_keyword_ad_area2>
<MARQUEE style="FONT-SIZE: 40pt; FILTER: dropshadow(color=#ff6600,offx=5,offY=3,positive=1); WIDTH: 100%; COLOR: #0066ff; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷" scrollAmount=3 FONT=""><B>紫玫瑰欢迎您的光临！</B></MARQUEE>
<P> </P></DIV>

 

二、左右滚动的字

紫玫瑰欢迎您的光临！

 代码：

<DIV class=content>
<MARQUEE style="FONT-SIZE: 40pt; FILTER: dropshadow(color=#ff6600,offx=5,offY=3,positive=1); WIDTH: 100%; COLOR: #0066ff; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷" scrollAmount=3 behavior=alternate font=""><B>紫玫瑰欢迎您的光临！</B></MARQUEE>
<P> </P></DIV>

   

三、循环滚动字

紫玫瑰欢迎您的光临！

 

代码 ：

<marquee scrollamount=3 FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=green); WIDTH: 100%;COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>紫玫瑰欢迎您的光临！</B></FONT></marquee>

 

四、左右滚动的字

紫玫瑰欢迎您的光临！

<marquee behavior="alternate" scrollamount=3 FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>紫玫瑰欢迎您的光临！</B></FONT></marquee>

 

五、立体循环滚动字

紫玫瑰欢迎您的光临！

 

代码：

<marquee scrollamount=3 FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=#AF0530); WIDTH: 100%; COLOR: #f90b46; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书"><B>紫玫瑰欢迎您的光临！</B></FONT></marquee>

 

六、立体循环滚动字左右移动的字

紫玫瑰欢迎您的光临！

 

代码：

<marquee scrollamount=3 behavior=alternate FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=#AF0530); WIDTH: 100%; COLOR: #f90b46; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书"><B>紫玫瑰欢迎您的光临！</B></FONT></marquee>

 

七、左右飘动的字 

 

紫 玫 瑰 欢 迎 光 临 

 

代码：

<MARQUEE scrollAmount=8 direction=right behavior=alternate><B><FONT color=#7700bb size=6><FONT color=red> <MARQUEE direction=up behavior=alternate width=40 height=60 align="middle">紫</MARQUEE><FONT color=red>
<MARQUEE direction=up behavior=alternate width=40 height=80>玫</MARQUEE><FONT color=red>
<MARQUEE direction=up behavior=alternate width=40 height=60>瑰</MARQUEE><FONT color=red>
<MARQUEE direction=up behavior=alternate width=40 height=80>欢</MARQUEE><FONT color=red>
<MARQUEE direction=up behavior=alternate width=40 height=60>迎</MARQUEE><FONT color=red>
<MARQUEE direction=up behavior=alternate width=40 height=80>光</MARQUEE><FONT color=red>
<MARQUEE direction=up behavior=alternate width=40 height=60>临</MARQUEE></B></FONT></FONT></FONT></FONT></FONT></FONT></FONT></FONT></MARQUEE>
<CENTER></CENTER><BR>     八、上下跳动的字    紫 玫 瑰 欢 迎 光 临 

代码： 

<CENTER><FONT face=隶书 color=red size=15>

<MARQUEE direction=up behavior=alternate width=60 height=120>紫</MARQUEE><FONT color=yellow>
<MARQUEE direction=up behavior=alternate width=60 height=80>玫</MARQUEE><FONT color=brown>
<MARQUEE direction=up behavior=alternate width=60 height=120>瑰</MARQUEE><FONT color=green>
<MARQUEE direction=up behavior=alternate width=60 height=80>欢</MARQUEE><FONT color=orange>
<MARQUEE direction=up behavior=alternate width=60 height=120>迎</MARQUEE><FONT color=yellow>
<MARQUEE direction=up behavior=alternate width=60 height=80>光</MARQUEE><FONT color=orange>
<MARQUEE direction=up behavior=alternate width=60 height=120>临</MARQUEE></FONT></B></MARQUEE></FONT></CENTER></FONT></FONT></FONT></FONT></FONT></FONT>

九、投影移动字的字

欢迎光临紫玫瑰博园！

 

代码：

<P style="TEXT-INDENT: 2em" align=center>
<TABLE>
<TBODY>
<TR>
<TD></TD>
<TD> </TD>
<TD>
<P></P>
<P style="TEXT-INDENT: 2em"> <FONT color=#99cc00>  </FONT></P>
<P style="TEXT-INDENT: 2em"><FONT color=#99cc00></FONT> </P>
<P style="TEXT-INDENT: 2em">
<MARQUEE style="FILTER: shadow(color=#33ff33,strength=30); WIDTH: 700px; HEIGHT: 70px" DIV><B><FONT face=华文行楷 color=#ff3333 size=9>欢迎光临紫玫瑰博园！
</FONT></B></MARQUEE></P>

  

十、由中间向两边移动的字

平安健康

就是幸福

 

 代码：

<P align=center><FONT face=华文彩云 color=#ee110e size=7>
<MARQUEE width=250 height=50>平安健康</MARQUEE></FONT><FONT face=华文彩云 color=#ee110e size=7><FONT face=华文彩云 color=#ee1111 size=7>
<MARQUEE direction=right width=250 height=50>就是幸福</MARQUEE></FONT></FONT></P>

 

十一、原地跳动文字：

 

祝朋友开心快乐每一天 

代码：

<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color: mistyrose,pink=50)：
WIDTH: 100%; COLOR: #ff0000; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">
<MARQUEE direction=up behavior=alternate width=500 height=120>
<CENTER><B>祝朋友开心快乐每一天</CENTER></B></MARQUEE></FONT></CENTER>

 十二、字体向上一行行升起

感谢朋友对紫玫瑰博园的支持和关注

代码：

<DIV align=center>
<MARQUEE scrollAmount=1 direction=up width=400 height=600>
<DIV align=center><FONT face=楷体_GB2312 color=#000000 size=4>欢迎光临玫瑰博园 <br></FONT></DIV></MARQUEE></DIV>

　 使用注意事项：如果移动的文字太多，可以在句子之间用换行符<br>隔开，换行符越多，隔开的距离就越大

 

十三、字体向两边分开

 

欢迎光临紫玫瑰博园 欢迎光临紫玫瑰博园

代码：

<CENTER><FONT face=楷体 size=5>
<MARQUEE width=200 height=30><FONT face=楷体_GB2312 color=#bba344>欢迎光临紫玫瑰博园</FONT><FONT face=楷体 color=#993399 size=5></FONT></MARQUEE>
<MARQUEE direction=right width=200 height=30><FONT face=楷体_GB2312 color=#993399>欢迎光临紫玫瑰博园</FONT></MARQUEE></FONT></CENTER>

 

十四、向下移动

 

紫玫瑰博园欢迎您

代码：

<MARQUEE scrollAmount=2 direction=down height=60>
<CENTER><FONT face=隶书 color=#993399 size=5><STRONG>紫玫瑰博园欢迎您</FONT></CENTER></STRONG></MARQUEE>
<CENTER></CENTER>

 十五、字体向两边移动：

 

 

 

紫玫瑰博园欢迎您

 

紫玫瑰博园欢迎您

代码：

<MARQUEE><FONT face=隶书 color=#b34db3 size=5>雅紫玫瑰博园欢迎您</FONT></MARQUEE><BR>
<MARQUEE direction=right><FONT face=隶书 color=#b34db3 size=5>紫玫瑰博园欢迎您</FONT></MARQUEE>

十六、字体上下移动：

 

欢迎光临紫玫瑰博园

欢迎光临紫玫瑰博园

代码：

<CENTER>
<MARQUEE scrollAmount=2 direction=down height=60>
<CENTER><FONT face=宋体 color=#993399 size=5><STRONG>欢迎光临紫玫瑰博园

</FONT></CENTER></STRONG></MARQUEE>
<CENTER>
<MARQUEE scrollAmount=2 direction=up height=60>
<CENTER><FONT face=宋体 color=#993399 size=5><STRONG>欢迎光临紫玫瑰博园</FONT></CENTER></STRONG></MARQUEE></CENTER>

十七、飘动的文字：

 欢迎光临
紫玫瑰博园

　代码：

<MARQUEE scrollAmount=3 direction=down behavior=alternate height=480>
<MARQUEE scrollAmount=3 behavior=alternate width=440><p style="line-height: 60px" align="center">
<FONT face=华文行楷 color=#993399 size=5><B>欢迎光临<BR>紫玫瑰博园</B></FONT></MARQUEE></MARQUEE>

具体操作步骤：

复制代码——点击“发博文”——勾选“显示源代码”框——将以上代码粘贴——换成您要写的文字——点击“发博文”。

 

说明：

1、border=5是边宽   color=#是颜色（背景） SIZE：35pt 是字号。可以自己调。数字越小

  字越小，反之越大。

2、字体可以改变

3、如果字要换行，就在换行处加<br>;