本文转载自蓝色妖姬
《非常实用的代码》 非 常 实 用 的 代 码
以下代码全部来自网络，都是每位博友精心创作出来的，本人比较笨不懂代码，只能用现成的了，为了使用方便，收集了一下自己比较喜欢的放在这里以便用起来方便，在这里特别感谢制作这些代码的博友，谢谢！！！
1.最简单的滚动条设置
带滑动条的表格
看看这个效果，不要以为是IFRAME，这可是地地道道的表格！其实，这是表格和CSS结合的效果。当网页上有大段文字要显示，而又没有足够的空间时，这就派上用场了。虽然用文本框也可以实现类似效果，但却远没有用表格灵活。代码很简单，只要在单元格
代码：
<TABLE width=260 align=center border=0>
<TBODY>
<TR>
<TD bgColor=cyan><FONT color=#ffffff><B>带滑动条的表格</B></FONT></TD></TR>
<TR>
<TD bgColor=yellow>
<DIV style="OVERFLOW: auto; HEIGHT: 80px">看看这个效果，不要以为是IFRAME，这可是地地道道的表格！其实，这是表格和CSS结合的效果。当网页上有大段文字要显示，而又没有足够的空间时，这就派上用场了。虽然用文本框也可以实现类似效果，但却远没有用表格灵活。代码很简单，只要在单元格<td>标识后加上如下代码就可以了
</div>
</td>
</tr>
</table>
</DIV></TD></TR></TBODY></TABLE>2.滚动特效
欢迎光临蓝色妖姬的小屋 地址[url]http://hmg-1223.blog.163.com/[/url]代码：
<marquee scrollamount="2" scrolldelay="0" direction="up" width="330" height="120" border="0" align="center" >
欢迎光临蓝色妖姬的小屋 地址[url]http://hmg-1223.blog.163.com/[/url]
</marquee>
3.背景图片＋图片方法：
文
章
代码：
<TABLE align=center background=http://image68.360doc.com/DownloadImg/2014/02/2020/39280461_7.jpg border=6 cellSpacing=2 borderColor=#1E90FF width=500><TBODY><TR><TD>文章</TD></TBODY></TABLE>
4.字体后面加入背景色
欢迎光临蓝色妖姬的小屋
代码：
><FONT style="BACKGROUND-COLOR: #3366ff" color=#000000 size=5>欢迎光临蓝色妖姬的小屋</FONT>
style="BACKGROUND-COLOR: #3366ff"(背景颜色)
color=#000000 "（字体颜色）
5.有边框且有底色方法：
有边框且有底色的语法：举例一
代码：
<table borderColor="#000000" cellSpacing="2" cellPadding="3" width="100%" bgColor="#0997f7" border="10"><tbody><tr><td>有边框且有底色的语法：举例一 </td></tr></tbody></table>
6.使题目动起来：
蓝色妖姬欢迎你们代码：
（1）循环左移：<marquee>蓝色妖姬欢迎你们</marquee>
蓝色妖姬欢迎你们代码：
（2）左右弹撞：<marquee behavior="alternate">蓝色妖姬欢迎你们</marquee>
7.自下而上滚动文字：
蓝色妖姬真诚欢迎朋友们光临,您的到来会给小屋增添更多活力、精彩与欢乐！代码：
<MARQUEE style="WIDTH: 200px; HEIGHT: 266px" scrollAmount=2 direction=up width=200 height=266 align="center"><FONT color=#ff0000 size=5>蓝色妖姬真诚欢迎朋友们光临,您的到来会给小屋增添更多活力、精彩与欢乐！</FONT></MARQUEE>
8.特效文字代码
（1）中空文字代码：
蓝色妖姬代码：
<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>蓝色妖姬</B></FONT></CENTER>
（2）立体感特效文字代码
蓝色妖姬
代码：
<font style="font-size:30pt;filter:blur(add=1,direction=30,strength=5);width:100%; color:#9900ff;line-height:150%;font-family:华文行楷"><b>蓝色妖姬</b></font>
（3）带彩色阴影特效文字代码
蓝色妖姬
代码：
<font style="font-size:30pt;filter:dropshadow(color=blue,offx=5,offy=3,positive=1);width:100%; color:red;line-height:150%;font-family:华文魏碑"><b>蓝色妖姬</b></font>
(4)凸起立体感特效文字代码
蓝色妖姬
代码：
<font style="font-size:30pt;filter:shadow(color=black,direction=180);width:100%; color:red;line-height:150%;font-family:华文行楷"><b>蓝色妖姬</b></font>
（5）套边立体感特效文字代码
蓝色妖姬
代码：
<font style="font-size:30pt;filter:glow(color=blue,strength=4);width:100%; color:red;line-height:150%;font-family:华文行楷"><b>蓝色妖姬</b></font>
（6）七彩文字背景代码
蓝色妖姬
代码：
<TABLE style="WIDTH: 500px; HEIGHT: 140px" align=center background=http://image68.360doc.com/DownloadImg/2014/02/2020/39280461_8.GIF border=0>
<TBODY>
<TR>
<TD style="FILTER: mask(color=#000000)" align=middle>
<P><FONT style="FONT-SIZE: 38pt" face=华文行楷 color=#336699 size=3><B></B></FONT> </P>
<P><FONT style="FONT-SIZE: 38pt" face=华文行楷 color=#336699 size=7><B>蓝色妖姬</B></FONT></P>
<P><STRONG><FONT face=华文行楷 color=#336699 size=3></FONT></STRONG> </P></TD></TR></TBODY></TABLE><P></P>
(7)图片插入文字特效代码
蓝色妖姬欢迎你
代码：
<TABLE style="WIDTH: 706px; HEIGHT: 164px" borderColor=#00fa9a height=164 width=706 align=center background=图片地址 border=3>
<TBODY>
<TR>
<TD>
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=150>
<MARQUEE scrollAmount=3 behavior=alternate width=750><IMG src="
http://99927.com/client/zcsl/200644162842796.GIF"><FONT face=华文行楷 color=#800080 size=30><B><FONT face=楷体_GB2312 color=#00ffff>蓝色妖姬欢迎你</FONT><IMG src="
http://99927.com/client/zcsl/200644162842796.GIF"></B></FONT></MARQUEE>
</MARQUEE></TD></TR></TBODY></TABLE>
<DIV> </DIV>
（8）文字移动代码：
安德烈．瑞欧在专辑《爱在世界的每个角落》再度以他独特的編曲技法，融合古典与轻音乐大乐团的演出方式，演出一首又一首世人耳熟能祥的乐曲。选曲切合专辑的名称，從奧斯卡金曲〈世事当如此〉，到俄罗斯民谣〈黑眼珠〉；从維也納圓舞曲〈風流寡婦〉，到法國香頌經典〈巴黎天空下〉，每一首都是深具代表性與地方色彩的動人樂曲，欣賞這張專輯，乐迷更能深入體會到「音樂無國界」的意義。
代码：
<MARQUEE scrollAmount=1 direction=up><P align=center> <FONT color=#ffddaa size=4>安德烈．瑞欧在专辑《爱在世界的每个角落》再度以他独特的編曲技法，融合古典与轻音乐大乐团的演出方式，演出一首又一首世人耳熟能祥的乐曲。选曲切合专辑的名称，從奧斯卡金曲〈世事当如此〉，到俄罗斯民谣〈黑眼珠〉；从維也納圓舞曲〈風流寡婦〉，到法國香頌經典〈巴黎天空下〉，每一首都是深具代表性與地方色彩的動人樂曲，欣賞這張專輯，乐迷更能深入體會到「音樂無國界」的意義。</MARQUEE>
(9)彩色字体色彩绚丽
彩 色字体色彩 绚丽
代码：
</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>
（10）抛射字体
蓝色妖姬
代码：
<DIV align=center>
<DIV style="FILTER: shadow(color=#FF9999
, strength=60); WIDTH: 480px; HEIGHT: 121px"><FONT face=华文彩云 color=#ff0000 size=7><B>
<CENTER>抛射字体</B></CENTER></FONT>
<DIV align=left><BR><BR></DIV></DIV></DIV>
<P align=left> </P>
（11）带背景的闪光字体（背景图片可以换）
带背景的闪光字体（背景图片可以换）
代码：
<P align=center><BR>
<TABLE cellSpacing=0 cellPadding=0 align=center background=http://image68.360doc.com/DownloadImg/2014/02/2020/39280461_10.gif>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#336699)">
<TABLE align=center background=http://image68.360doc.com/DownloadImg/2014/02/2020/39280461_11.jpg>
<TBODY>
<TR>
<TD align=middle><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 40pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=楷体_gb2312 color=#336699><B>带背景的闪光字体（背景图片可以换）</B></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>
（12）向下移动的文字
向下移动的文字
（13）向右移动的文字
蓝色妖姬欢迎你欣赏
代码：
<P align=center><BR></P>
<P align=center>
<MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=10 direction=right>
<P align=center><FONT face=隶书 color=#ff0000 size=7><B>蓝色妖姬欢迎你欣赏</B></FONT></P></MARQUEE></P>
（14）波浪式的文字
波浪式的文字
代码：
</font><br><P align=center> </P>
<MARQUEE scrollAmount=5 direction=up behavior=alternate height=150>
<DIV align=center>
<MARQUEE scrollAmount=3 behavior=altrnate width=460 <IMG src="">
<DIV align=center><FONT face=隶书 color=red size=7>波浪式的文字</FONT></DIV></MARQUEE></DIV></MARQUE></MARQUEE>
（15）原地跳动的文字
原 地 跳 动 文 字代码：
<DIV></DIV></B>
<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color: mistyrose,pink=50); WIDTH: 100%; COLOR: #0033ff; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">
<MARQUEE direction=up behavior=alternate width=60 height=120>
<CENTER><B>原</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>
<CENTER><B>地</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>
<CENTER><B>跳</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>
<CENTER><B>动</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>
<CENTER><B>文</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>
<CENTER><B>字</B></CENTER></MARQUEE></FONT></CENTER>
（16）交替跳跃的文字
交 替 跳 跃 文 字代码：
<DIV></DIV></B>
<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color: mistyrose,pink=50); WIDTH: 100%; COLOR: #ff6600; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">
<MARQUEE direction=up behavior=alternate width=80 height=160>
<CENTER><B>交</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80>
<CENTER><B>替</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80 height=160>
<CENTER><B>跳</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80>
<CENTER><B>跃</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80>
<CENTER><B>文</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80 height=160>
<CENTER><B>字</B></CENTER></MARQUEE></MARQUEE></FONT></CENTER>
(17)模糊的背景字
模 糊 背 景 字代码：
<CENTER><CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color: 00cc00,strength=40); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">
<MARQUEE direction=up behavior=alternate width=120 height=240>
<CENTER><B>模</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=120 height=180>
<CENTER><B>糊</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=120 height=240>
<CENTER><B>背</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=120 height=180>
<CENTER><B>景</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=120 height=240>
<CENTER><B>字</B></CENTER></MARQUEE></FONT></CENTER>
（18）穿梭的文字
穿 穿
梭 梭
文 文
字 字代码：
<P><STRONG></STRONG>
<CENTER>
<MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文琥珀 color=#cf34f6 size=6>穿 穿</FONT></B></MARQUEE><STRONG><IMG height=67 src="" width=109> </STRONG>
<MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文琥珀 color=#ff0000 size=6>梭 梭</FONT></B></MARQUEE><STRONG><IMG height=67 src="" width=109> </STRONG>
<MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文琥珀 color=#0033cc size=6>文 文</FONT></B></MARQUEE><STRONG><IMG height=67 src="" width=109> </STRONG>
<MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文琥珀 color=#006633 size=6>字 字</FONT></B></MARQUEE><STRONG></CENTER>
（19）彩虹文字
彩虹字体
代码：
<P align=center>
<TABLE cellSpacing=0 cellPadding=0 align=center background=http://image68.360doc.com/DownloadImg/2014/02/2020/39280461_12.gif>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#336699)">
<TABLE style="WIDTH: 593px; HEIGHT: 114px" align=center bgColor=#800080>
<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>
（20）发光文字：
要修改的文字
代码：
<TABLE style="FILTER: glow(color=#6699FF,direction=2)"><FONT color=#ffffff size=2>
<P align=center><FONT size=4> 要修改的文字</FONT></FONT></P>
<TBODY>
<P align=center><FONT size=4></FONT> </P></TBODY></TABLE>
其中color是阴影的颜色，可以配合网页色调改变，direction是设置阴影的强度，font color是原字体的颜色。
（21）浮雕的文字：
要修改的文字代码：
<TABLE style="FILTER: dropshadow(color=#6699FF, offx=1, offy=1, positive=1)"><FONT color=#ffffff>要修改的文字</FONT>
<TBODY></TBODY></TABLE>
（22）七彩文字:
蓝色妖姬
代码：
<TABLE style="WIDTH: 500px; HEIGHT: 140px" align=center background=http://image68.360doc.com/DownloadImg/2014/02/2020/39280461_8.GIF border=0>
<TBODY>
<TR>
<TD style="FILTER: mask(color=#000000)" align=middle>
<P><FONT size=6>蓝色妖姬</FONT></P></TD></TR></TBODY></TABLE>
9.渐隐的播放器
代码：<TABLE style="FILTER: Alpha(Opacity=100, FinishOpacity=0, Style=3, StartX=20, StartY=60, FinishX=0, FinishY=0)gray(); WIDTH: 330px; HEIGHT: 24px">
<TBODY>
<TR>
<TD><EMBED style="FILTER: invert()" align=left src=http://blog.sanfo.com/UploadFiles/2007-6/614728016.wma width=330 height=24 type=audio/mpeg Kern - The Winding Path 32-01.wma loop="-1" autostart="true" volume="0" ShowStatusBar="1" louie.mp3 Louie.mp3 Amo.WMA Ti Che Dirti Pausini--Volevo></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
10.图片中插入飞翔flash
代码：
<TABLE height=333 cellSpacing=' "1 "' borderColorDark=#0008b0 cellPadding=' "1 "' width=480 borderColorLight=#0008b0 background=http://img.blog.163.com/photo/vG4dnreeHR0AVh7lqlCLhg==/2259399638056535078.jpg.jpg border=' "1 "'>
<TBODY>
<TR>
<TD><EMBED src=http://music.leiyu668.com/3_flash/tmdh/171.swf width=480 height=333 type=application/x-shockwave-flash quality="high" wmode="transparent" > </TD></TR></TBODY></TABLE>
11..图片左右滚动：
代码：
<MARQUEE scrollAmount=-1 width="100%" height=120><A href="
http://hmg-1223.blog.163.com/album/prevPhoto.do?photoId=_fks_g6JBUwhcn3cDrqvAghBiO3q2eM6jJ8F6" target=_blank><IMG src="
http://img.blog.163.com/photo/FlnQ0C_wL14CZDN4gCQ5TA==/1743737480722615275.jpg"></A><Ahref="
http://hmg-1223.blog.163.com/album/prevPhoto.do?photoId=_fks_lY_m0Viuggv8jmdjRKW8RJLlYPQxkOry" target=_blank><IMG src="
http://img.blog.163.com/photo/YghiI8RgLH9TlEgv3wvU5w==/1986650385623909154.jpg"></A><A href="
http://hmg-1223.blog.163.com/album/prevPhoto.do?photoId=_fks_gJbbD8PwdgbwdlNWjb_ffRyCzbiPMQFQ" target=_blank></A></MARQUEE>
12.动态图片合成代码
代码：
<TABLE height=480 cellSpacing=0 cellPadding=0 width=451 background=http://img.blog.163.com/photo/aaBaamnr7hWrEeSnhTZZSQ==/4803933427520826151.jpg border=0>
<TBODY>
<TR>
<TD>
<P align=center><EMBED align=right src=http://home.naver.net/brown444/swish/s66-m.swf width=451 height=480 type=application/octet-stream wmode="transparent" quality="high"></P></TD></TR></TBODY></TABLE>
13.一层透明Flash的效果1：
代码：
<P align=center>
<TABLE style="WIDTH: 480px; HEIGHT: 451px" height=451 cellPadding=0 width=480 align=center background=http://img.blog.163.com/photo/aaBaamnr7hWrEeSnhTZZSQ==/4803933427520826151.jpg border=0>
<TBODY>
<TR>
<TD><EMBED style="WIDTH: 480px; HEIGHT: 451px" align=right src=http://imgfree.21cn.com/free/flash/4.swf width=480 height=451 type=application/x-shockwave-flash wmode="transparent" quality="high"></TD></TR></TBODY></TABLE></P>
13-1.一层透明Flash的效果2：
代码：
<TABLE borderColor=#cccccc height=451 cellSpacing=0 cellPadding=0 width=480 background=http://img.blog.163.com/photo/aaBaamnr7hWrEeSnhTZZSQ==/4803933427520826151.jpg border=0>
<TBODY>
<TR>
<TD><EMBED src=http://xzxnl1.blog.enorth.com.cn/attachment/flash/229691.swf width=480 height=450 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high"></TD></TR></TBODY></TABLE>
14.两层透明Flash的效果：
代码：
<P align=center>
<TABLE style="WIDTH: 480px; HEIGHT: 451px" height=451 cellPadding=0 width=480 align=center background=http://img.blog.163.com/photo/aaBaamnr7hWrEeSnhTZZSQ==/4803933427520826151.jpg border=0>
<TBODY>
<TR>
<TD><EMBED align=right src=http://imgfree.21cn.com/free/flash/136.swf width=480 height=451 type=application/x-shockwave-flash quality="high" wmode="transparent"><EMBED align=right src=http://bbs.flasher123.com/UploadFile/2004-5/20045912435828355.swf width=480 height=451 type=application/x-shockwave-flash quality="high" wmode="transparent"></TD></TR></TBODY></TABLE><FONT size=+0></FONT></P>
15.三层透明Flash的效果：
代码：
<TABLE height=480 cellSpacing=0 cellPadding=0 width=451 background=http://img.blog.163.com/photo/aaBaamnr7hWrEeSnhTZZSQ==/4803933427520826151.jpg border=0>
<TBODY>
<TR>
<TD>
<P align=center><EMBED align=right src=http://imgfree.21cn.com/free/flash/59.swf width=451 height=480 type=application/octet-stream quality="high" wmode="transparent"><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=right src=http://imgfree.21cn.com/free/flash/7.swf width=451 height=480 type=application/x-shockwave-flash wmode="transparent" quality="high"><EMBED align=right src=http://www.forshine.net/flash/4.swf width=451 height=480 type=application/octet-stream quality="high" wmode="transparent"></P></TD></TR></TBODY></TABLE>
16. 四层透明Flash的效果：
代码：
<P align=center>
<TABLE height=480 cellPadding=0 width=451 align=center background=http://img.blog.163.com/photo/aaBaamnr7hWrEeSnhTZZSQ==/4803933427520826151.jpg border=0>
<TBODY>
<TR>
<TD><EMBED align=right src=http://imgfree.21cn.com/free/flash/4.swf width=451 height=480 type=application/x-shockwave-flash wmode="transparent" quality="high" ><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=right src=http://imgfree.21cn.com/free/flash/51.swf width=451 height=480 type=application/x-shockwave-flash quality="high" wmode="transparent" ></EMBED><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=right src=http://imgfree.21cn.com/free/flash/9.swf width=451 height=480 type=application/x-shockwave-flash quality="high" wmode="transparent" ></EMBED><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=right src=http://imgfree.21cn.com/free/flash/61.swf width=451 height=480 type=application/x-shockwave-flash quality="high" wmode="transparent" ></EMBED></TD></TR></TBODY></TABLE><FONT size=+0></FONT></P>
17朦胧图片加入一个透明FLASH的效果:
代码：
<TABLE align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=2)" width=480 background=http://img.blog.163.com/photo/aaBaamnr7hWrEeSnhTZZSQ==/4803933427520826151.jpg height=451>
<P align=center><EMBED src=http://imgfree.21cn.com/free/flash/33.swf width=480 height=451 type=application/x-shockwave-flash wmode="transparent" quality="high"></P></TD></TR></TBODY></TABLE>
请大家注意：style=1或2或3，其图片朦胧的效果就不同，如果是4就没有效果了。在朦胧图片的基础上还能加入透明的FLASH。其代码如下：
18。朦胧图片加入两个透明FLASH的效果：
代码：
<P align=center><STRONG><FONT color=#ff00ff size=6>
<TABLE style="FILTER: alpha(opacity=100,style=2); WIDTH: 0px; BORDER-COLLAPSE: collapse; HEIGHT: 0px" borderColor=#555555 cellSpacing=0 cellPadding=0 width=0 align=center background=http://img785.photo.163.com/hmg-1223/108967183/2698094141.jpg border=0>
<TBODY>
<TR>
<TD>
<P><BR><EMBED style="WIDTH: 449px; HEIGHT: 337px" align=right src=http://xyzl.163yj.net/data/13523/images/20060516103256.swf width=449 height=337 type=application/x-shockwave-flash quality="high" wmode="transparent"><EMBED style="WIDTH: 449px; HEIGHT: 337px" align=right src=http://bbs.cnlsj.com/UploadFile/2005-6/20056902717184.swf width=449 height=337 type=application/x-shockwave-flash wmode="transparent"></P></TD></TR></TBODY></TABLE></FONT></STRONG></P>
19.日志图片背景：
日志内容：用图片作背景
代码：
<TABLE align=center borderColorLight=#33FF00 borderColorDark=#FFFF00 cellSpacing=20 cellPadding=25 width="100%" bgcolor=008080 background=图片地址 border=15>
<TBODY>
<TR>
<TD>
<P><FONT color=#ffebcd size=5><STRONG>日志内容：用图片作背景</STRONG></FONT></P></TD></TR></TBODY></TABLE>
有喜欢加音乐的可以加入以下代码：
<EMBED style="LEFT: 1px; WIDTH: 0px; TOP: 1px; HEIGHT: 0px" src=歌曲地址 width=1 height=1 type=audio/x-ms-wma loop="TRUE" autostart="TRUE"></embed>
20.彩色边框代码：
日志文字
代码：
<div STYLE="border-style:solid;border-width:5pt; border-color:red">日志文字</div>
border-style则控制边框的效果
border-width控制边框的粗细，
border-color调整边框的颜色，
这里你仍然可以使用如#xxxxxx的颜色数值，而当使用“solid”则为单一颜色的线形简单边框。
<DIV style="BORDER-RIGHT: #ff4500 4px solid; BORDER-TOP: #ff4500 4px solid; BORDER-LEFT: #ff4500 4px solid; BORDER-BOTTOM: #ff4500 4px solid; BACKGROUND-COLOR: #ffdead">实线</DIV>
21双线框代码：<div STYLE="border-style:Double;border-width:8pt; border-color: #8B008B"> <div style="width:100%;height:100%;background-color:#E6E6FA;">文字</div></div>
效果如框内，是带背景色（熏衣草色）的简单双线框。
<div STYLE="border-style:Double;border-width:6pt; border-color: #ff4500"> <div style="width:100%;height:100%;background-color:#ffdab9;">文字</div></div>
显示的效果是背景色为桃色的简单双线框。效果如框内所示，边框的颜色是橙红色#ff4500，框内背景色为桃色#ffdab9
<div STYLE="border-style:Double;border-width:6pt; border-color: #ff4500"> <div style="width:100%;height:100%;background-color:#FFdead;">文字</div></div>
显示的效果是背景色为NAVAJO白的简单双线框。效果如框内所示，边框的颜色是橙红色#ff4500，框内背景色为桃色#ffdead。
<div STYLE="border-style:Double;border-width:6pt; border-color: #ff4500"> <div style="width:100%;height:100%;background-color:#FFFFE0;">文字</div></div>
背景颜色为淡黄色#FFFFE0，效果如框内所示。
<div STYLE="border-style:Double;border-width:6pt; border-color: #f08080"> <div style="width:100%;height:100%;background-color:#FFdead;">文字</div></div>
这种双线框的效果有若隐若现的感觉，框的颜色是淡珊瑚色#f08080，框内背景的颜色是NAVAJO白#FFdead。效果如框内所示。
<div STYLE="border-style:Double;border-width:6pt; border-color: #f08080"> <div style="width:100%;height:100%;background-color:#FFFFE0;">文字</div></div>
这种双线框的效果有若隐若现的感觉，框的颜色是淡珊瑚色#f08080，框内背景的颜色是淡黄色#FFFFE0。效果如框内所示。
21.立体线框代码：<div style= "border-top-style:Ridge;border-right-style:Ridge;border-left-style:Ridge; border-bottom-style:Ridge;border-width:7pt; background-color:#8B008B"><div style="width:100%;height:100%;background-color:#E6E6FA;">文字</div></div>
效果如框内所示，是带背景色（熏衣草色）的浮出立体线框，代码中的#E6E6FA是背景的颜色（熏衣草色）
<DIV style="BORDER-RIGHT: 5pt ridge; BORDER-TOP: 5pt ridge; BORDER-LEFT: 5pt ridge; BORDER-BOTTOM: 5pt ridge; BACKGROUND-COLOR: #a0522d"> <DIV style="WIDTH: 100%; HEIGHT: 100%; BACKGROUND-COLOR: #ffc0cb">文字</DIV></DIV>
背景为粉红色，效果如框内所示。
<DIV style="BORDER-RIGHT: 5pt ridge; BORDER-TOP: 5pt ridge; BORDER-LEFT: 5pt ridge; BORDER-BOTTOM: 5pt ridge; BACKGROUND-COLOR: #a0522d"> <DIV style="WIDTH: 100%; HEIGHT: 100%; BACKGROUND-COLOR: #ffdab9">文字</DIV></DIV>
背景为桃色，效果如框内所示。
22.滚动文本框代码：
把代码拷贝后可直接双击文本框就可以在里面输入文字和粘贴图片，而且文本框的大小可以随意调整。
代码：
<DIV align=center style=' color: #990099; background-color:#FFFFE0; border: solid 2px black; width: 470px; height: 180px; overflow: scroll; scrollbar-face-color: #ffc0cb; scrollbar-shadow-color: #ffb6c1; scrollbar-highlight-color: #98fb98; scrollbar-3dlight-color: #ffb6c1; scrollbar-darkshadow-color: #90ee90; scrollbar-track-color: #ffdead; scrollbar-arrow-color: #f5deb3; '>日志文字</DIV>
代码实现的文本框是浅黄色的背景，粗略效果如文本框内所示。
（注释：附语法语句的解释：
//层开始标记，对中对齐 : <DIV align=center //样式如下： : style=' //前景色为#ffffff : color: #ffffff; //背景色为#000000 : background-color: #000000; //边框为2像素，黑色 : border: solid 2px black; //宽度120像素 : width: 120px; //高度200像素 : height: 200px; //超出范围时使用滚动条 : overflow: scroll; //滚动条的各个颜色如下 : scrollbar-face-color: #889B9F; : scrollbar-shadow-color: #3D5054; : scrollbar-highlight-color: #C3D6DA; : scrollbar-3dlight-color: #3D5054; : scrollbar-darkshadow-color: #85989C; : scrollbar-track-color: #95A6AA; : scrollbar-arrow-color: #FFD6DA; //在这个层中显示文字“日志文字”，层结束标志 : '>日志文字</DIV>
实线 <div style="border:1px solid #000000;">实线</div>
外凸 <div style="border-style:outset; border-width:1px;">外凸</div>
双线 <div style="border:3px double #000000;">双线</div>
虚线 <div style="border:1px dashed #000000;">虚线</div>
文字<div style="border: 1px dashed #f08080;background-color:#ffdab9">文字</div> 效果是框线颜色为淡珊瑚色#f08080，宽度为1，背景色为桃色#ffdab9的虚线框。
22.雪花装饰背景：（黑色系列）代码： <div align="center"><table border="0" width="700" cellspacing="0" cellpadding="0"><tr><td background="
http://img.blog.163.com/photo/1YGXH5DC7CDx_hr-Ii2-fg==/2561703763043743677.jpg"><div align="center"><table border="0" width="480" cellspacing="0" cellpadding="0"><tr><td align="left"><p style="line-height: 250%"><font color="#B8CEE9" style="font-size: 11pt">文字</font></td></tr></table></div></td>
</tr></table></div>
代码：<div align="center"><table border="0" width="700" cellspacing="0" cellpadding="0"><tr><td background="
http://img.blog.163.com/photo/rdmtNii8iGsPt0E1ekQD2Q==/2561703763043743707.jpg"><div align="center"><table border="0" width="480" cellspacing="0" cellpadding="0"><tr><td align="left"><p style="line-height: 250%"><font color="#FFCC00" style="font-size: 11pt">文字</font></td></tr></table></div></td>
</tr></table></div>
代码：<div align="center"><table border="0" width="700" cellspacing="0" cellpadding="0"><tr><td background="
http://img.blog.163.com/photo/jDARVfvYqeI5A3PKQh-YGg==/2561703763043743739.jpg"><div align="center"><table border="0" width="480" cellspacing="0" cellpadding="0"><tr><td align="left"><p style="line-height: 250%"><font color="#FAA783" style="font-size: 11pt">文字</font></td></tr></table></div></td>
</tr></table></div>
代码：<div align="center"><table border="0" width="700" cellspacing="0" cellpadding="0"><tr><td background="
http://img.blog.163.com/photo/1KQhmS-hC2ppgzPHAZ4D3g==/2561703763043743762.jpg"><div align="center"><table border="0" width="480" cellspacing="0" cellpadding="0"><tr><td align="left"><p style="line-height: 250%"><font color="#CDD4D7" style="font-size: 11pt">文字</font></td></tr></table></div></td>
</tr></table></div>
代码：<div align="center"><table border="0" width="700" cellspacing="0" cellpadding="0"><tr><td background="
http://image68.360doc.com/DownloadImg/2014/02/2020/39280461_18.jpg"><div align="center"><table border="0" width="480" cellspacing="0" cellpadding="0"><tr><td align="left"><p style="line-height: 250%"><font color="#CDD4D7" style="font-size: 11pt">文字</font></td></tr></table></div></td>
</tr></table></div>
代码：<div align="center"><table border="0" width="700" cellspacing="0" cellpadding="0"><tr>
<td background="
http://img.blog.163.com/photo/54dc7KikugoO6b5wMiAJ5Q==/2561703763043743806.jpg"><div align="center"><table border="0" width="480" cellspacing="0" cellpadding="0"><tr><td align="left"><p style="line-height: 250%"><font color="#FFFF66" style="font-size: 11pt">文字</font></td></tr></table></div></td>
</tr></table></div>
代码：<div align="center"><table border="0" width="700" cellspacing="0" cellpadding="0"><tr>
<td background="
http://img.blog.163.com/photo/FTaG7Q7TWFFhn-KxWRjTJA==/2561703763043743819.jpg"><div align="center"><table border="0" width="480" cellspacing="0" cellpadding="0"><tr><td align="left"><p style="line-height: 250%"><font color="#FFFF66" style="font-size: 11pt">文字</font></td></tr></table></div></td>
</tr></table></div>
代码：<div align="center"><table border="0" width="700" cellspacing="0" cellpadding="0"><tr>
<td background="
http://img.blog.163.com/photo/1EW88suUUrOIHOFw-q_sxg==/2561703763043743833.jpg"><div align="center"><table border="0" width="480" cellspacing="0" cellpadding="0"><tr><td align="left"><p style="line-height: 250%"><font color="#FFFF66" style="font-size: 11pt">文字</font></td></tr></table></div></td>
</tr></table></div>
代码：<div align="center"><table border="0" width="700" cellspacing="0" cellpadding="0"><tr><td background="
http://img.blog.163.com/photo/WFKROe0CKtVwR7FPnf6ivA==/3724476891835500513.jpg"><div align="center"><table border="0" width="480" cellspacing="0" cellpadding="0"><tr><td align="left"><p style="line-height: 250%"><font color="#FFFFFF" style="font-size: 11pt">文字</font></td></tr></table></div></td>
</tr></table></div>
代码：<div align="center"><table border="0" width="700" cellspacing="0" cellpadding="0"><tr><td background="
http://img.blog.163.com/photo/nWZX72E2XgRgOYuGJfFPGw==/3724476891835500644.jpg"><div align="center"><div align="right">
<table border="0" width="520" cellspacing="0" cellpadding="0"><tr><td align="left"><p style="line-height: 250%"><font color="#FFFFFF" style="font-size: 11pt">文字</font></td></tr></table></div>
</div></td></tr></table></div>
23.平安夜背景代码：
代码：<div align="center"><table border="0" width="700" cellspacing="0" cellpadding="0"><tr><td background="
http://img.blog.163.com/photo/iDFPQtNDiIuFTnUw-D9ZZQ==/5398408578333734547.jpg"><div align="center"><table border="0" width="500" cellspacing="0" cellpadding="0"><tr><td align="left"><p style="line-height: 250%"><font color="#FFCC00" style="font-size: 11pt">文字</font></td></tr></table></div></td>
</tr></table></div>
代码：<div align="center"><table border="0" width="700" cellspacing="0" cellpadding="0"><tr><td background="
http://img.blog.163.com/photo/kDs8KntbcL8cbRQAdTL0Yg==/2561703763043743660.jpg"><div align="center"><table border="0" width="500" cellspacing="0" cellpadding="0"><tr><td align="left"><p style="line-height: 250%"><font color="#FFFF66" style="font-size: 11pt">文字</font></td></tr></table></div></td>
</tr></table></div>
24.圣诞袜装饰背景：代码：<div align="center"><table border="0" width="700" cellspacing="0" cellpadding="0"><tr><td background="
http://img.blog.163.com/photo/lwWAJJOsjU7MRbXhWx3eeA==/3724476891835500660.jpg"><div align="center"><div align="right">
<table border="0" width="520" cellspacing="0" cellpadding="0"><tr><td align="left"><p style="line-height: 250%"><font color="#FFFFFF" style="font-size: 11pt">文字</font></td></tr></table></div>
</div></td></tr></table><p style="line-height: 250%"></div>
代码：<div align="center"><table border="0" width="700" cellspacing="0" cellpadding="0"><tr><td background="
http://img.blog.163.com/photo/_QXKHLBKGgwjn0lA6dQC1w==/3724476891835500684.jpg"><div align="center"><div align="right">
<table border="0" width="520" cellspacing="0" cellpadding="0"><tr><td align="left"><p style="line-height: 250%"><font color="#FFFFFF" style="font-size: 11pt">文字</font></td></tr></table></div>
</div></td></tr></table><p style="line-height: 250%"></div>
25.金色圣杯背景
代码：<div align="center"><table border="0" width="700" cellspacing="0" cellpadding="0"><tr>
<td background="
http://image68.360doc.com/DownloadImg/2014/02/2020/39280461_28.jpg"><div align="center"><div align="right">
<table border="0" width="520" cellspacing="0" cellpadding="0"><tr><td align="left"><p style="line-height: 250%"><font color="#FFFFFF" style="font-size: 11pt">文字</font></td></tr></table></div>
</div></td></tr></table><p style="line-height: 250%"></div>
26.天使降临背景：
代码：<div align="center"><table border="0" width="700" cellspacing="0" cellpadding="0"><tr><td background="
http://img.blog.163.com/photo/kn8f-vZ3j8u5H5qTN-LcAg==/1461981029035221338.jpg"><div align="center"><table border="0" width="520" cellspacing="0" cellpadding="0"><tr><td align="left"><p style="line-height: 250%"><font color="#FFFFFF" style="font-size: 11pt">文字</font></td></tr></table></div></div></div></td></tr></table></div>
以上这些直接复制代码到日记编制器中即可使用,累死了，不弄了，先整理这些吧！！！
