梦中人の梦工场

这里有爱的细雨，这里有情的倾诉。这里帮你筑梦，帮你圆梦！

日志

关于我

梦中人

喜欢做梦,从小到大,始终不变,喜欢研究,海阔天空,天文地理,喜欢交友,不分老幼,不分男女。

文章分类

特效文字、移动文字代码

2009-01-05 13:21:00| 分类：博客装扮 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

梦中人の梦工场

一、特效字体代码

1、字體效果基本代码
<h1>...</h1>標題字(最大)
<h6>...</h6>標題字(最小)
<b>...</b>粗體字
<strong>...</strong>粗體字(強調)
<i>...</i>斜體字
<em>...</em>斜體字(強調)
<dfn>...</dfn>斜體字(表示定義)
<u>...</u>底線
<ins>...</ins>底線(表示插入文字)
<strike>...</strike>橫線
<s>...</s>刪除線
<del>...</del>刪除線(表示刪除)
<kbd>...</kbd>鍵盤文字
<tt>...</tt> 打字體
<xmp>...</xmp>固定寬度字體(在文件中空白、換行、定位功能有效)
<plaintext>...</plaintext>固定寬度字體(不執行標記符號)
<listing>...</listing> 固定寬度小字體
<font color=00ff00>...</font>字體顏色 , 可以是#=rrggbb 16 进制数码，或者是下列预定义色彩：
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, Fuchsia, White, Green, Purple, Silver, Yellow, Aqua
<font size=1>...</font>最小字體
<font style =font-size:100 px>...</font>無限增大

2、一般大字体的代码

说明：align=文字位置　表示字体居中（center），居右（right），居左（left）；font:40pt　

数值越大文字就越大；face=字体常用字体为：宋体、黑体、楷体.、仿宋、新宋体、细明体等； color=颜色代码。

(1)利用<big>发大字：

　　大字　　　　：　　　<big>大字</big>

　　大字　　　：　　　<big><big>大字</big></big>

　　大字　　：　　　<big><big><big>大字</big></big></big>

　　大字：　　　<big><big><big><big>大字</big></big></big></big>

　　(2)利用 <h>发各种字号的大小字：


-1号字　：	<h-1>负一号字</h-1>
○号字　：	<h0>○号字</h0>
一号字：	<h1>一号字</h1>
二号字：	<h2>二号字</h2>
三号字：	<h3>三号字</h3>
四号字：	<h4>四号字</h4>
五号字：	<h5>五号字</h5>
六号字：	<h6>六号字</h6>
七号字：	<h7>七号字</h7>

　　(3) 利用<font size=-4>.....</font>发各种字号的大小字：

　　负三号字　　：　　　　　　<font size=-4>负四号字</font>

　　负三号字　　：　　　　　　<font size=-3>负三号字</font>

　　负三号字　　：　　　　　　<font size=-2>负二号字</font>

　　负一号字　：　　　　　　<font size=-1>负一号字</font>

　　○号字　　：　　　　　　<font size=0>○号字</font>

　　一号字　　：　　　　　　<font size=1>一号字</font>

　　二号字　　：　　　　　　<font size=2>二号字</font>

　　三号字　：　　　　　　<font size=3>三号字</font>

　　四号字　：　　　　　　<font size=4>四号字</font>

　　五号字：　　　　　　<font size=5>五号字</font>

　　六号字：　　　　 <font size=6>六号字</font>

　　七号字：　<font size=7>七号字</font>

(4)利用<font style=font:?pt>......</font>发各种字号的大小字：
　　　　0pt字　　　　<font style=font:0pt>0pt字</font>
　　　　1pt字　　　　<font style=font:1pt>1pt字</font>
　　　　2pt字　　　　<font style=font:2pt>2pt字</font>
　　　　3pt字　　　　<font style=font:3pt>3pt字</font>
　　　　4pt字　　　　<font style=font:4pt>4pt字</font>
　　　　5pt字　　　　<font style=font:5pt>5pt字</font>
　　　　6pt字　　　　<font style=font:6pt>6pt字</font>
　　　　7pt字　　　　<font style=font:7pt>7pt字</font>
　　　　8pt字　　　　<font style=font:8pt>8pt字</font>
　　　　9pt字　　　　<font style=font:9pt>9pt字</font>
　　　　10pt字　　　　<font style=font:10pt>10pt字</font>
　　　　20pt字　　　　<font style=font:20pt>20pt字</font>
　　　　30pt字　　　　<font style=font:30pt>30pt字</font>
　　　　40pt字　　　　<font style=font:40pt>40pt字</font>
　　　　50pt字　　　　<font style=font:50pt>50pt字</font>
　　　　60pt字　　　　<font style=font:60pt>60pt字</font>
　　　　70pt字　　　　<font style=font:70pt>70pt字</font>
　　　　80pt字　　　　<font style=font:80pt>80pt字</font>
　　　　90pt字　　　　<font style=font:90pt>90pt字</font>
　　　　<font style=font:100pt>100pt字</font>
　　　　<font style=font:200pt>200pt字</font>
　　　　<font style=font:300pt>300pt字</font>
　　　　<font style=font:400pt>400pt字</font>
　　　　<font style=font:500pt>500pt字</font>

3、文字排版代码：

文字竖向排列的代码：

<P>你的文字

3、带尾晕文字的代码

<CENTER><FONT color=#0099ff style="FILTER: blur(add=1, direction=40,strength=10);

FONT-SIZE: 30px; FONT-WEIGHT: bolder; ; LINE-HEIGHT: 150%; WIDTH: 450px">

欢迎光临梦中人の梦工场</FONT></CENTER>

4、色彩绚丽的彩色字体代码

</font><br>

<P align=center><STRONG><FONT size=6><FONT face=华文新魏><FONT color=#ff0000>彩

</FONT><FONT color=#ff8900>色</FONT><FONT color=#92c000>字</FONT><FONT color=#00c024>体</FONT><FONT color=#00c0da>色</FONT><FONT color=#0053ff>彩</FONT><FONT color=#4800ff> 绚</FONT><FONT color=#ff00ff>丽</FONT></FONT></FONT></STRONG></P>

5、阴影字体代码

</font><br><P align=center><FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=333366

); WIDTH: 631px; COLOR: #3333ff; LINE-HEIGHT: 150%; FONT-FAMILY: 华文新宋; HEIGHT: 51px"></P>

6、围边字体代码

</font><br><P align=center> </P><FONT style="FONT-SIZE: 30pt; FILTER: glow(color=gray,strength=5); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷">

<P align=center><B>围边字体体字边围</B></P></FONT>

7、投影字体代码

</font><br><P align=center> </P>

<P align=center><FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 40px; FILTER: blur(add=1, direction=45,strength=10); WIDTH: 450px; " color=#000099>投影字体投影字体</FONT></CAPTION> <BR></CAPTION></P>

8、抛射字体代码

其一

<DIV style="FILTER: shadow(color=#FF9999

, strength=60); WIDTH: 480px; HEIGHT: 121px"><FONT face=华文彩云 color=#ff0000 size=7><B>

其二

<FONT style="FONT-WEIGHT: normal; FONT-SIZE: 50pt; LINE-HEIGHT: normal; FONT-STYLE:

normal; FONT-VARIANT: normal"><P style="TEXT-JUSTIFY: inter-ideograph;

TEXT-ALIGN: justify" align=center><FONT color=#ff00ff><FONT align="center">

<FONT face=楷体_GB2312>欢迎光临梦中人の梦工场</FONT></FONT>

9、空心文字的代码

<CENTER><FONT style="COLOR: #e4dc9b; FILTER: shadow(color=black);

FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%">

<B>欢迎光临梦中人の梦工场</B></FONT></CENTER>

说明：FONT-SIZE: 30pt 数值越大文字就越大

10、凹体文字的代码

<DIV style="PADDING-RIGHT: 20px; PADDING-LEFT: 20px; FONT-SIZE: 15px;

PADDING-BOTTOM: 20px; OVERFLOW: hidden; WIDTH: 300px; LINE-HEIGHT: 18px;

PADDING-TOP: 20px; BACKGROUND-COLOR: #eeeeee; WORD-WRAP: break-word">

<FONT disabled>我凹下去了吧？<BR>你不想试试吗?</A></FONT> </DIV>

11、文字倒写的代码

<TABLE style="FILTER: flipv(color=#ffedff)" cellSpacing=0 cellPadding=0 width=600 border=0>
<TBODY>
<TR>
<TD><FONT style="FONT-SIZE: 30pt; COLOR: blue; FONT-FAMILY: 华文新魏"><EM>梦中人の梦工场！</EM></B></FONT><BR><FONT style="FONT-SIZE: 30pt; COLOR: blue; FONT-FAMILY: 华文新魏"><EM>欢迎朋友的光临！</EM></B></FONT></TD></TR></TBODY></TABLE>

效果：

梦中人の梦工场！
欢迎朋友的光临！

12、按钮上加文字：　

　基本语句<button>点击我吧</button>

加按钮连接语句：　　

<a href="http://地址链接网址......"><button>转到新窗口</button></a>

加按钮连接新窗口：

<a href="相关地址" target="_blank"><button>另开新窗口</button></a>

点按钮弹出文字：

例：<input type="button" value="你的快乐：" OnClick="alert('就是我的快乐呀！')"> 　　　　

13、彩虹文字代码

<TBODY>

<TR>

<TBODY>

<TR>

<TD align=middle><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 56pt;

LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文琥珀

color=#336699><STRONG>彩虹字体

</STRONG></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>

14、表格文字的代码

<tbody>

</tr></table></div>

说明:

1）每排几个表格内容，可根据自己的需要或版面要求任意设置，只要在<tr bgcolor="#FFFFFF" height="20">的后面增加或减少<td><div align="center">表格内容</div></td>即可；

2）文字及细线条的颜色bgcolor="#FF0000"也可根据自己的需要进行更改。

3）、调整字体大小：

文字前添加：<font size=#> ，文字后添加</font>，其中 #=1, 2, 3, 4, 5, 6, 7 ；从1到7表示字体由小到大，从这些数字里选择合适的一个代替#即可，可逐个试试观察效果最后选定。如果想文字再大，可以试用css语句style="FONT-SIZE: 400pt"

替换size=字号语句，其中400t 可以换，如换成500t,文字可达到无限大．但是有一些论坛不支持这种特效代码，必须先试后用．

4）、调整字体色彩：

文字前添加<font color=#>，文字后添加</font> ，其中#=Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, Fuchsia, White, Green, Purple, Silver, Yellow, Aqua 等不同的色彩，可从它们当中选择满意的一种色彩代替#即可，逐个试试观察效果最后选定。

5）、表格相关再注解：

<table aling=left>...</table>表格位置,置左

<table aling=center>...</table>表格位置,置中

<table background=图片路径>...</table>背景图片的URL=就是路径网址

<table border=边框大小>...</table>设定表格边框大小(使用数字)

<table bgcolor=颜色码>...</table>设定表格的背景颜色

<table borderclor=颜色码>...</table>设定表格边框的颜色

<table borderclordark=颜色码>...</table>设定表格暗边框的颜色

<table borderclorlight=颜色码>...</table>设定表格亮边框的颜色

<table cellpadding=参数>...</table>指定内容与网格线之间的间距(使用数字)

<table cellspacing=参数>...</table>指定网格线与网格线之间的距离(使用数字)

<table cols=参数>...</table>指定表格的栏数

<table frame=参数>...</table>设定表格外框线的显示方式

<table width=宽度>...</table>指定表格的宽度大小(使用数字)

<table height=高度>...</table>指定表格的高度大小(使用数字)

<td colspan=参数>...</td>指定储存格合并栏的栏数(使用数字)

<td rowspan=参数>...</td>指定储存格合并列的列数(使用数字)

二、移动文字的代码

1、移动文字的基本代码：

(走马灯左到右)：<marquee>写上你想写的字</marquee>

带有框的移动文字代码：<marquee direction=up behavior=scroll width=400 height=150 scrolldelay=80 scrollamount=1>插入文字（图片等）</marquee>

注解：

这里的scrollamount=1是移动速度控制，

控速移动字代码：<marquee scrollamount=N>控速移动字</marquee>，速度控制值N为＞0的任意值，最大甚至可以到300。

<marquee>...</marquee>普通卷动

<marquee behavior=slide>...</marquee>滑动

<marquee behavior=scroll>...</marquee>预设卷动

<marquee behavior=alternate>...</marquee>来回卷动

<marquee direction=down>...</marquee>向下卷动

<marquee direction=up>...</marquee>向上卷动

<marquee direction=right></marquee>向右卷动

<marquee direction=left></marquee>向左卷动

<marquee loop=2>...</marquee>卷动次数

<marquee width=180>...</marquee>设定宽度

<marquee height=30>...</marquee>设定高度

<marquee bgcolor=FF0000>...</marquee>设定背景颜色

<marquee scrollamount=30>...</marquee>设定卷动距离

<marquee scrolldelay=300>...</marquee>设定卷动时间

2、给移动文字加超连接代码

如何给滚动字幕加超链接？这跟平时的超链接是完全一样的。只要在文字外面加上<a href=***>和</a>就可以了。

代码是<marquee scrollAmount=2 width=300><a href=http://ysh6766.blog.163.com/>梦中人梦工场</a></marquee>，

点击梦中人梦工场就可以进入了.

梦中人梦工场

3、交替效果基本代码：

<marquee scrollAmount=2 width=300 behavior=alternate>欢迎您来到梦工场</marquee>

4、向右移动基本代码：<marquee scrollAmount=2 width=300 direction=right>欢迎您来到梦工场</marquee>

5、向上移动基本代码：<marquee scrollAmount=2 height=100 direction=up>欢迎您来到梦工场</marquee>

6、向下移动基本代码：<marquee scrollAmount=2 height=100 direction=down>欢迎您来到梦工场</marquee>

7、文字上下合并

        <P align=center>
        <CENTER>
        <MARQUEE direction=down height=60 scrollAmount=2>
         <CENTER><FONT color=#a25e6b face=华文彩云 size=8><B>梦中人

         欢迎您的光临</FONT></CENTER></B></MARQUEE>
       <CENTER>
       <MARQUEE direction=up height=60 scrollAmount=2>
       <CENTER><FONT color=#a25e79 face=华文彩云 size=8><B>梦中人

欢迎您的光临</FONT></CENTER></B></MARQUEE></CENTER>

</CENTER>

这里的height=60 是控制字体移动的高度范围

8、多行向上移动代码：<MARQUEE scrollAmount=1 direction=up

behavior=alternate height=200><MARQUEE scrollAmount=1

direction=up height=100>锄禾日当午，<br>汗滴禾下土：

<br>谁知盘中餐，<br>粒粒皆辛苦。</MARQUEE></MARQUEE>

锄禾日当午，

汗滴禾下土：

谁知盘中餐，

粒粒皆辛苦。

9、向上移动的文字代码2

</font><br><P align=center>

<TBODY>

<TR>

<P align=center><FONT face=隶书 color=#ff0000 size=7><B>向上移动的文字

</B></FONT></P></MARQUEE></DIV></TD></TR></TBODY></TABLE></P>

10、向下移动的文字代码2

<TBODY>

<TR>

<P align=center><FONT face=隶书 color=#ff0000 size=7><B>向下移动的文字

</B></FONT></P></MARQUEE></DIV></TD></TR></TBODY></TABLE></P>

11、向左移动的文字代码2

<TBODY>

<TR>

<P align=center><FONT face=隶书 color=#ff0000 size=5><B>向左移动的文字

</B></FONT></P></MARQUEE></DIV></TD></TR></TBODY></TABLE></P>

12、向右移动的文字代码2

<P align=center><FONT face=隶书 color=#ff0000 size=7><B>向右移动的文字

</B></FONT></P></MARQUEE></P>

13、由中间向两边移动的文字和图像

<MARQUEE width=200 height=50><IMG onmousewheel="return bbimg(this)"

style="CURSOR: pointer" src=" " >由中间向两边移动的文字和图像 </FONT>

</MARQUEE><FONT face=华文彩云 color=#ee110e size=5><FONT

face=华文彩云 color=#ee1111 size=5>

<MARQUEE direction=right width=200 height=50>由中间向两边移动的文字和图像<IMG

style="CURSOR: pointer" src=" "

></FONT></MARQUEE></FONT></FONT></P></FONT>

14、来回走动的文字代码

</font><br>

<TBODY>

<TR>

<P align=center><FONT face=隶书 color=#ff0000 size=6><B>来回走动的文字

</B></FONT></P></MARQUEE></DIV></TD></TR></TBODY></TABLE></P>

15、波浪式移动的文字代码

</font><br><P align=center> </P>

<DIV align=center><FONT face=隶书 color=red size=7>波浪式的文字T>

</FONT></DIV></MARQUEE></DIV></MARQUE></MARQUEE>

16、带尾晕的移动文字代码：

<MARQUEE style="FILTER: shadow(color=#00FF33, strength=8); WIDTH: 715px;

HEIGHT: 106px" scrollAmount=10 DIV><FONT style="LINE-HEIGHT: normal;

FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 40pt;

FONT-WEIGHT: normal" color=#33ffff face=华文彩云>带着盈盈思念，带着温馨祈愿，

远方的你是否无恙？在这个思念的季节里。真心祝愿你开心快乐！</FONT>

效果：

带着盈盈思念，带着温馨祈愿，远方的你是否无恙？在这个思念的季节里。真心祝愿你开心快乐！

17、左右运动的文字

</font><br><DIV align=center>

<DIV align=center> <FONT face=隶书 color=#ff0000 size=7>左右运动的文字

</FONT></DIV></MARQUEE></DIV>

<DIV align=center><FONT face=隶书 color=#ff0000 size=7>左右运动的文字

</FONT></DIV></MARQUEE></DIV>

18、原地跳动的文字

<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color: mistyrose,pink=50); WIDTH: 100%;

COLOR: #0033ff; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">

19、交替跳跃的文字

<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color: mistyrose,pink=50); WIDTH: 100%;

COLOR: #ff6600; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">

20、模糊背景上下跳跃的字

<CENTER><CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color: 00cc00,strength=40); WIDTH:

100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">

21、中间向上下移动：

<marquee direction=up scrollamount=3

src=http://infonavi.gznet.gov.cn/jingging/welcome/jinggingt/fangtu3/huace/53.jpg

width=650></marquee></center><marquee direction=down scrollamount=3><center><div

style="width:400;filter:flipv;"><img src="" width=650></div></center></marquee>

22、左向右上下起伏飞翔，

<marquee direction=right><marquee behavior=alternate direction=up height=200><font color=0000ff

size=4 face=华文行楷><b>!去回快</b></font><br><img

src=http://www.tongtu.net/image/3/simeng/coolad.gif><img src=http://www.zzi.cc/sck/gif/wp5/h-red.gif><img

src=http://bbs.000562.com/attachments/iv6m_0050.gif></marquee><br></marquee>

注： height=200 是上下起伏飞翔幅度，可以调整，区分图片大小，一般设置在50至150的范围内比较好

23、右向左上下起伏飞翔，

<marquee direction=left><marquee behavior=alternate direction=up height=100><img

src=http://www.zzi.cc/sck/gif/wp5/h-red.gif><img

src=http://bbs.000562.com/attachments/iv6m_0050.gif><font color=0000ff size=3 face=华文行楷>我在追

“心”</b></font></marquee></marquee>

注： height=100 是上下起伏飞翔幅度，可以调整，区分图片大小，一般设置在50至150的范围内比较好

24、分两行上下跳动的彩字代码：

<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=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></B></MARQUEE></FONT></CENTER></FONT></FONT>

25、淡化向上移动的文字

<CENTER>
       <TABLE border=0> <TBODY>
       <TR>
        <TD style="FILTER: Alpha(opacity=150,style=2)" width=349

background=http://shm.2000y.net/UploadFile/2005-6/200561214235442.gif height=256>
<P><MARQUEE scrollAmount=2 direction=up height=540><FONT face=华文行楷 40pt>

</FONT><P><FONT color=#9932cc size=5>春眠不觉晓，</FONT> <BR>
       <P><FONT color=#9932cc size=5>处处闻啼鸟；</FONT> <BR>
       <P><FONT color=#9932cc size=5>夜来风雨声，</FONT> <BR>
        <P><FONT color=#9932cc size=5>花落知多少。</FONT> <BR>
        </FONT></P></B></CENTER></FONT></FONT><BR>
      <P></P></P></TD></TR></TBODY></TABLE>
       <CENTER></CENTER>
       <DIV></DIV><P>
       <DIV></DIV>

26、在文字边上加个滚动条

怒发冲冠，<BR>凭阑处、潇潇雨歇。<BR>抬望眼、仰天长啸，<br>壮怀激烈。<BR>三十功名尘与土，<BR>八千里路云和月。<BR>莫等闲、白了少年头，<BR>空悲切。 <BR>靖康耻，犹未雪；<BR>臣子恨，何时灭。<BR>驾长车踏破贺兰山缺。<BR>壮志饥餐胡虏肉，<BR>笑谈渴饮匈奴血。<BR>待从头收拾旧山河。<BR>朝天阙。

27、大字横向移动

<TABLE style="LEFT: -60px; WIDTH: 980px; POSITION: relative; TOP: 90px"

cellSpacing=30 align=center

background=http://www.sxscq.com.cn/itdoor012/web/2004-4-3-4/11-spring.jpg

      border=0><TBODY><TR>
      <TD>
      <MARQUEE hspace=40 vspace=40><BR><FONT style="FONT-SIZE: 60pt;

FILTER: shadow(color=yellow); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 100%;

FONT-FAMILY: 华文彩云"><B>你好，我亲爱的朋友！

</B></FONT></MARQUEE></TD></TR></TBODY></TABLE><BR></DIV>

28，竖排文字的移动（渐显）

1)不带背景的

<P align=left><FONT style="FONT-SIZE: 15pt; FILTER: WIDTH: 100%; COLOR: red ; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书" color=red>因为你的出现,<BR>我有了快乐和思念,<BR>在我的眼里，<BR>
你值得信赖，<BR>心灵相通。<BR>人间自有真情在。<BR>我们浓结真诚和眷恋，<BR>你我相伴！<BR>
人生有了浓情感悟，<BR>心似湖水，碧波荡漾,<BR>心灵深处春色满园。<BR>你是我心灵的港湾,<BR>

你是滋润我心灵的雨露,<BR>无论世间潮起潮落,<BR> 与你相随相伴,<BR>我人生无悔。<BR>
</FONT></P></MARQUEE></MARQUEE></DIV>

因为你的出现,
我有了快乐和思念,
在我的眼里，
你值得信赖，
心灵相通。
人间自有真情在。
我们浓结真诚和眷恋，
你我相伴！
人生有了浓情感悟，
心似湖水，碧波荡漾,
心灵深处春色满园。
你是我心灵的港湾,
你是滋润我心灵的雨露,
无论世间潮起潮落,
与你相随相伴,
我人生无悔。

2）带背景的

<TBODY>

<TR>

<P align=left><FONT style="FONT-SIZE: 15pt; FILTER: WIDTH: 100%; COLOR: red ; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书" color=red>因为你的出现,<BR>我有了快乐和思念,<BR>在我的眼里，<BR>
你值得信赖，<BR>心灵相通。<BR>人间自有真情在。<BR>我们浓结真诚和眷恋，<BR>你我相伴！<BR>
人生有了浓情感悟，<BR>心似湖水，碧波荡漾,<BR>心灵深处春色满园。<BR>你是我心灵的港湾,<BR>

你是滋润我心灵的雨露,<BR>无论世间潮起潮落,<BR> 与你相随相伴,<BR>我人生无悔。<BR>
</FONT></P></MARQUEE></MARQUEE></DIV></TD></TR></TBODY></TABLE>

因为你的出现,
我有了快乐和思念,
在我的眼里，
你值得信赖，
心灵相通。
人间自有真情在。
我们浓结真诚和眷恋，
你我相伴！
人生有了浓情感悟，
心似湖水，碧波荡漾,
心灵深处春色满园。
你是我心灵的港湾,
你是滋润我心灵的雨露,
无论世间潮起潮落,
与你相随相伴,
我人生无悔。

29、竖排文字的向右移动

<P align=left>向右移动的竖排文字</SPAN><BR>向右移动的竖排文字<BR>向右移动的竖排文字<BR>向右移动的竖排文字</P></MARQUEE>

向右移动的竖排文字
向右移动的竖排文字
向右移动的竖排文字
向右移动的竖排文字

30、文字色带双移动的代码

<marquee><marquee bgcolor=green><font size=5 color=white>文字、色带双游动</font></marquee></marquee>

31、方框内游动字代码

<p align="center"><table border="1" width="50%"><tr><td width="100%"><marquee behavior="alternate"><font color="#FF0000" size="6" face="幼圆">方框游动字</font></marquee></td></tr></table></p>

32、向左异速移动字代码

[<marquee width=40 behavior=alternate>还~</marquee>][<marquee width=40 behavior=alternate>好~</marquee>][<marquee width=40 behavior=alternate>么~</marquee>]</font>
　　

33、左右摇摆移动字

34、控速移动字：
　　<marquee scrollamount=N>控速移动字</marquee>
　　　　　　控速移动字的速度控制值N的取值：　1. N<0与N=6速度相同；　2. N≠0；　N＞0的任意值。

35、美术字体向上移动

<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>梦中人祝朋友们浏览开心！</B></FONT></B></MARQUEE>

梦中人祝朋友们浏览开心！

36、美术字向左横向移动

<TBODY>

<TR>

<TD>

<MARQUEE HEIGHT: 343px; 44px? 38px? 449px;><FONT size=6><FONT face=华文行楷><FONT color=#ff0000><A href="http://ahstbzp.blog.163.com/" target=_blank></A></FONT></FONT><FONT color=#0000ff>梦中人の梦工场欢迎你光临 </FONT><FONT color=#ff00ff></FONT></FONT></A></MARQUEE></TD></TR></TBODY></TABLE></DIV></DIV>

效果

梦中人の梦工场欢迎你光临

37、曲线向上移动

<CENTER>
<MARQUEE style="FONT-SIZE: 11pt; FILTER: Wave(freq=5, light=20, phase=100, strength=6); WIDTH: 270px; COLOR: #ffffff; FONT-FAMILY: ??; HEIGHT: 270px" scrollAmount=1 scrollDelay=100 direction=up>
<P style="MARGIN-LEFT: 10px">喜欢静静地想你，<BR>放上一段优雅的音乐，<BR>沏上一杯淡淡的花茶，<BR>捧着一本厚厚的小说，<BR>在字行之间寻找你的影子。<BR>　　你的身影很模糊，<BR>你的脸庞很朦胧，<BR>但这并不影响我想你的情绪。<BR>　　我没有很想你，<BR>只是在高兴的时候会想起你，<BR>你是我第一个想要分享的人；<BR><BR>　　我没有很想你，<BR>只是在不高兴的时候会想起你，<BR>你是我第一个想要倾诉的人。<BR>我想你，<BR>但只是想你而不打扰你。 !</P></MARQUEE></CENTER>

效果：

喜欢静静地想你，
放上一段优雅的音乐，
沏上一杯淡淡的花茶，
捧着一本厚厚的小说，
在字行之间寻找你的影子。
　　你的身影很模糊，
你的脸庞很朦胧，
但这并不影响我想你的情绪。
　　我没有很想你，
只是在高兴的时候会想起你，
你是我第一个想要分享的人；

　　我没有很想你，
只是在不高兴的时候会想起你，
你是我第一个想要倾诉的人。
我想你，
但只是想你而不打扰你。 !

三、直接在图片上写文字的代码：

1、<div align="center"><div style="background-image: url图片地址 background-repeat: repeat; background-attachment: scroll; font-style: normal; font-variant: normal;

font-weight: normal; line-height: 25px; font-size: 12px; font-family: verdana;

width:图片尺寸（高） height:图片尺寸（宽） padding-left: 10px; padding-right: 0px;

padding-top: 14px; background-"><br /><div align="left">
<div style="PADDING-RIGHT: 0px; PADDING-LEFT: 10px; FILTER: alpha(opacity=60); WIDTH:文字范围（宽）HEIGHT:文字范围（高）>文字内容</div></div><br /></div></div>

2、在图片上加闪光字

<TABLE height=400 cellSpacing=0 cellPadding=0 width=500 align=center background=http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0001.gif>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#336699)">
<TABLE height=400 width=500 align=center background=http://img.ph.126.net/RNt0JkCp0SiV0njJrJUTCg==/3693514644397303177.gif>
<TBODY>
<TR>
<TD>
<P></P>
<DIV align=center>
<DIV style="WIDTH: 400px; WRITING-MODE: tb-rl; TEXT-ALIGN: center">
<P align=center><FONT face=华文行楷 color=#336699 size=6><B><B>难忘曲

<BR>夹道开洞门，<BR>弱杨低画戟。<BR>帘影竹华起，<BR>箫声吹日色。

<BR>蜂语绕妆镜，<BR>画蛾学春碧。<BR>乱系丁香梢，<BR>满栏花向夕。</P></B></FONT></FONT></B></DIV></DIV></TD></TR></TBODY>

</TABLE></TD></TR></TBODY></TABLE>

效果：

难忘曲
夹道开洞门，
弱杨低画戟。
帘影竹华起，
箫声吹日色。
蜂语绕妆镜，
画蛾学春碧。
乱系丁香梢，
满栏花向夕。

素材和代码汇编博客技巧、素材、和现成精品代码

更多博客代码提供返回我的首页选择

梦中人祝朋友们浏览开心！

评论这张

转发至微博

阅读(41397)| 评论(67)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_085068084080083075092086086095083084082064083084083071',
              blogTitle:'特效文字、移动文字代码',
              blogAbstract:'   <P style=\"TEXT-INDENT: 2em;\"  \> </P\>  <P style=\"TEXT-INDENT: 2em;\"  \>  <TABLE style=\"WIDTH: 316px; HEIGHT: 47px;\"  align=\"center\" background=\"http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0024.gif\" border=\"5\" \>  <TBODY\>  <TR\>  <TD align=\"middle\" \><BIG\><FNEBLOG\><FNEBLOG\><FONT size=\"6\" \>梦中人の梦工场</FONT\><WBR\><WBR\></BIG\></TD\></TR\></TABLE\></P\>  <P style=\"TEXT-INDENT: 2em;\"  \> </P\>  <P style=\"TEXT-INDENT: 2em;\"  \> <FNEBLOG\></P\>  <P style=\"TEXT-INDENT: 2em;\"  \>一、特效字体代码</P\>  <P style=\"TEXT-INDENT: 2em;\"  \>1、字體效果基本代码<I\></I\> <BR\> <h1>...</h1>標題字(最大)<I\></I\> <BR\> <h6>...</h6>標題字(最小)<I\></I\> <BR\> <b>...</b>粗體字<I\></I\> <BR\> <strong>...</strong>粗體字(強調)<I\></I\> <BR\> <i>...</i>斜體字</P\>',
              blogTag:'font,div,marquee,align,height',
              blogUrl:'blog/static/7233725420090511723143',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:1355399406872,
              publishTime:1231132860854,
              permalink:'blog/static/7233725420090511723143',
              commentCount:67,
              mainCommentCount:31,
              recommendCount:4,
              bsrk:-100,
              publisherId:0,
              recomBlogHome:false,
              currentRecomBlog:false,
              attachmentsFileIds:[],
              vote:{},
              groupInfo:{},
              friendstatus:'none',
              followstatus:'unFollow',
              pubSucc:'',
              visitorProvince:'',
              visitorCity:'',
              visitorNewUser:false,
              postAddInfo:{},
              mset:'000',
              mcon:'',
              srk:-100,
              remindgoodnightblog:false,
              isBlackVisitor:false,
              isShowYodaoAd:true,
              hostIntro:'喜欢做梦,从小到大,始终不变,喜欢研究,海阔天空,天文地理,喜欢交友,不分老幼,不分男女。',
              hmcon:'1',
              selfRecomBlogCount:'0',
              lofter_single:'<iframe width="140" height="560" style="overflow:hidden;" src="http://www.lofter.com/mailEntry.do?blogad=1&blog" frameBorder="0"></iframe>'
            }

{list a as x}
    {if !!x}
    <div class="iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
      {if x.visitorName==visitor.userName}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        {if x.moveFrom=='wap'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/wapblog.html?frompersonalbloghome"><span title="来自网易手机博客" class="iblock wapIcon"> </span></a>
        {elseif x.moveFrom=='iphone'}
          <a class="noul pnt" target="_blank"><span title="来自iPhone客户端" class="iblock iphoneIcon"> </span></a>
        {elseif x.moveFrom=='android'}
          <a class="noul pnt" target="_blank"><span title="来自Android客户端" class="iblock androidIcon"> </span></a>
        {elseif x.moveFrom=='mobile'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/emsblog.html?frompersonalbloghome"><span title="来自网易短信写博" class="iblock wapIcon"> </span></a>
        {/if}
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
          ${fn(x.visitorNickname,8)|escape}
        </a>
      </div>
    </div>
    {/if}
    {/list}

<#--最新日志，群博日志--> <#--推荐日志-->

<p class="fc06">推荐过这篇日志的人：</p>
    <div>
      {list a as x}
      {if !!x}
      <div class="iblock nbw-fce nbw-f40">
        <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
        <img alt="${x.recommenderNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.recommenderName)}"/>
        </a>
        <div class="cwd thide">
          <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
            ${fn(x.recommenderNickname,6)|escape}
          </a>
        </div>
      </div>
      {/if}
      {/list}
    </div>
    {if !!b&&b.length>0}
    <p  class="fc06">他们还推荐了：</p>
    <ul>
    {list b as y}
      {if !!y}
        <li class="rrb"><span class="iblock">·</span><a class="fc03 m2a" target="_blank" href="http://blog.163.com/${y.recommendBlogPermalink}/?from=blog/static/7233725420090511723143">${y.recommendBlogTitle|escape}</a></li>
      {/if}
    {/list}
    </ul>
    {/if}

<#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇，下一篇--> <#-- 热度 -->

{list a as x}
    {if !!x}
    <div class="hotItem iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
      {if x.publisherUsername==visitor.userName}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
          ${fn(x.publisherNickname,8)|escape}
        </a>
      </div>
      <a class="f-myLikeIcons hottype {if x.type==1} js-liketype{elseif x.type==2} js-reblogtype{elseif x.type==3} js-sharetype{else}{/if}" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/"> </a>
    </div>
    {/if}
    {/list}

<#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->

页脚

我的照片书 - 手机博客 - 下载LOFTER APP - 订阅此博客

梦中人の梦工场

导航

日志

特效文字、移动文字代码

历史上的今天

最近读者

热度

评论

页脚