几种常用的HTML文字移动代码[转载]

来源：互联网发布：c语言求100以内的质数编辑：程序博客网时间：2024/05/18 03:51

了解一定的html代码对于优化来说也是很好的一个帮助。所以今天学习了一下几种常用的html代码，拿过来与大家分享啊。

1、从左向右移文字移动代码

代码 <marquee direction=right>需要移动的文字</marquee>

2、从右向左移

代码 <marquee direction=left>需要移动的文字</marquee>

3 、从上向下移动文字移动代码

代码 <marquee direction=down><div align="center">需要移动的文字</div></marquee>

4、从下向上移动

代码 <marquee direction=up><div align="center">需要移动的文字</div></marquee>

5、移一步，停一停文字移动代码

代码 <marquee scrolldelay=500 scrollamount=100>需要移动的文字</marquee>

6、只移动三次就停了

代码 <marquee loop=3 behavior=slide>需要移动的文字</marquee>

7、左右来回移动

代码 <marquee behavior=alternate>需要移动的文字</marquee> [fly]需要移动的文字[/fly]

8、从右上向左下移动文字移动代码

代码 <marquee direction=left><marquee direction=down>需要移动的文字</marquee>

9、从左上向右下移动

代码 <marquee direction=right><marquee width=216 direction=down>需要移动的文字</marquee>

10、从右下向左上移动

代码 <marquee direction=left><marquee direction=up>需要移动的文字</marquee>

11、从左下向右上移动

代码 <marquee direction=right><marquee direction=up>需要移动的文字</marquee>

12、水平相反移动文字移动代码

代码 <p align=center> <marquee width="216px">需要移动的文字</marquee><marquee width="216px" direction=right>需要移动的文字</marquee></p>

13、一圈一圈绕着移动

代码 <marquee behavior=scroll>需要移动的文字</marquee>

14、忽隐忽现移动

代码 <marquee behavior="alternate"><marquee width="150" direction=right>需要移动的文字</marquee>

15、垂直往复移动文字移动代码

代码 <marquee direction=up behavior=alternate><div align="center">需要移动的文字</font></div></marquee>

16、左右两边向中间移动

代码 <p align=center><marquee style="width:216px;" direction=right>需要移动的文字</marquee><marquee style="width:216px;" direction=left>需要移动的文字</marquee></p>

17、从上下向中间移动

代码 <p></p><center><marquee width=288 direction=down scrollAmount=2 height=50><center>需要移动的文字</center></marquee><center><marquee width=288 direction=up scrollAmount=2 height=50><center>需要移动的文字</center></marquee></center></center><p></p>

18、左右两边向中间来回移动

代码 <MARQUEE scrollAmount=3 behavior=alternate width="40%">左右向中间来回移动</MARQUEE><MARQUEE scrollAmount=3 direction=right behavior=alternate width="40%">动移回来间中向右左</MARQUEE>

19、上下向中间来回移动文字移动代码

代码 <MARQUEE scrollAmount=1 direction=down behavior=alternate height=50><DIV align=center>上下向中间来回移动</DIV></MARQUEE><MARQUEE scrollAmount=1 direction=up behavior=alternate height=50><DIV align=center>上下向中间来回移动</DIV></MARQUEE>

20、从中间向上下移动

代码 <p></p><center><marquee width=288 direction=up scrollAmount=2 height=50><center>需要移动的文字</center></marquee><center><marquee width=288 direction=down scrollAmount=2 height=50><center>需要移动的文字</center></marquee></center></center><p> </p></marquee>

希望以上几种常用的HTML文字移动代码，对浏览者有帮助啊。

HTML－文字篇，特效篇，音乐篇，美图篇，美框篇

1图片及边框代码:

论坛最简易边框替代美框（加入美图）代码：

如：<TABLE borderColor=#EE7600 cellSpacing=2 cellPadding=3 width="100%" bgColor=#FF82AB border=1>

添加图片代码background=“图片地址”

替代：<TABLE borderColor=#EE7600 cellSpacing=2 cellPadding=3 width="100%" bgColor=#FF82AB 此处添加（background=图片地址） border=1>

不同图片显示不同效果

2插入FLASHA代码:

说明：只要将上面的代码中的http://www.xinyi63.com/6304031.swf 换为你需要的FLASH的地址，调整width="450" height="150" 这里的500和300数字来控制显示的大小，然后在HTML模式下插在你的网页内容里面就可以了。

3.背景音乐的代码:

如果想在你的网站上放上一段好听的背景音乐，代码是：

里面的背景音乐地址你能自己替换。
前面的是音乐地址，一般都以mid或者mp3的形式结尾后面的数字是播放次数

4.. 图片加边框代码:

<*table border=3><*td><*img src=http://www.369590.com/bbs/UploadFile/2004-8/2004813224642433.gif width=200 height=168><*/td><*/table>

注:真正贴图片的时候请把*去掉

5. 文字链接代码:
如果您想点击某处文字会连接到另外一个网页的效果，这是超链接，代码是这样：

如果要点了这个文字以后重新打开一个窗口的话，代码是：

<A href="http://xz1.2000y.net/100158/index.asp?xAction=xreadnews&NewsID=1671"><FONT face=楷体_GB2312 color=#dc143c size=5><STRONG>☆让心在盛夏中飞翔【馨怡朗诵】☆</STRONG></FONT></A>

或<a href="网站地址";; target="_blank">共享空间</a>

九.在网站上放图片的代码:
如果你看到一个好看的图片想放到网站上，代码是这样的：

后面的数字调节图片的尺寸大小。

十.图片链接代码
如果要点一下图片就能打开一个网站的链接代码是这样的：

如果要点一下图片就能打开一个网站的链接，并且重新打开一个窗口。代码是这样的：

上面的数字都能调节图片尺寸大小。

十一.换行代码:
如果你想换行，直接用Enter键是不行的，需要在您想换行的位置输入

<br>

这样就会分成两行显示，整个网站看起来也不会是一大片了，而是段落分明

文字移动的代码:

<marquee>这里写文字</marquee>

十三.移动图片的代码:

把里面的图片地址换成你的就行想多放一个图片就按照格式在中间插入：

里面的图片地址自己定。

十四.文字处理:

<*center><*font face=幼园 size=6 color=#228c45><*b>显示的文字<*/b><*/font><*/face><*/size><*/color><*/center>
效果如下：

朋友们好

face指字体选择，size指文字大小，color指文字颜色，b表示文字加粗，center表示文字居中！

G：文字向上滚分行并拉开行距
<*marquee direction=up scrollamount=3><*font face=隶书 size=8 color=#228c45>文字部分<*/font><*/face><*/size><*/color><*/marquee>
效果如下：

H：图片向左移动并控制移动速度(上up 下down 左left 右right)
<*marquee directio=left scrolldelay=150><*img src=src=http://www.xinyi63.com/xinyi050129.jpg><*/marquee>
效果图如下：

I：图片朦胧效果:
<*img src=http://www.xinyi63.com/xinyi050129.jpg width=420 height=315 style=filter:Alpha(opacity=100,style=2)>
效果图如下：

注:真正贴图片的时候请把*去掉

十五.打开网站时候出现的欢迎词代码:

十六.关闭网站的时候出现的话:

十七.打开网站的时候自己做一个弹出窗口的广告:

里面的 http://163.com 这个是你预先做好的一个网页，后面的数字是调节大小和位置的，你自己多试验几次。

一、边框：
1.两层
<P ALIGN=CENTER>
<TABLE cellSpacing=10 cellPadding=8 width=480 bgColor=#000000 border=1>
<TBODY><TR><TD><TABLE cellSpacing=2 cellPadding=2 width=480 bgColor=#000000 border=0>
<TBODY><TR><TD>加入内容</td></tr></tbody></table></td></tr></tbody></table>
2.八层
<TABLE cellSpacing=0 cellPadding=4 width="95%" align=center background=http://www.enchantingdesignz.com/linkware/parker/p2strip.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE height=315 cellSpacing=0 cellPadding=15 width="100%" background=http://www.enchantingdesignz.com/linkware/parker/p2background.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE height=355 cellSpacing=0 cellPadding=2 width="100%" background=http://www.enchantingdesignz.com/linkware/parker/p2strip.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE height=387 cellSpacing=0 cellPadding=2 width="100%" background=http://www.enchantingdesignz.com/linkware/parker/p2background.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE height=365 cellSpacing=0 cellPadding=2 width="100%" background=http://www.enchantingdesignz.com/linkware/parker/p2strip.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 cellPadding=15 width="100%" background=http://www.enchantingdesignz.com/linkware/parker/p2background.jpg border=0>
<TBODY>
<TR>
<TD>
<DIV align=center>
<TABLE height=362 cellSpacing=0 cellPadding=2 width="100%" background=http://www.enchantingdesignz.com/linkware/parker/p2strip.jpg border=0>
<TBODY>
<TR>
<TD>
<DIV align=center>
<TABLE height=361 cellSpacing=0 cellPadding=4 width="100%" background=http://www.enchantingdesignz.com/linkware/parker/p2background.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE height=204 cellSpacing=0 cellPadding=4 width="100%" border=0>
<TBODY>
<TR>
<TD>
加入内容
</TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

3.两层
<CENTER><TABLE cellSpacing=10 cellPadding=2 width=450 bgColor=#000000 border=1><TR><TD><TABLE cellSpacing=8 cellPadding=10 width=450 bgColor=#000000 border=1><TR><TD>内容部分</TD></TR></TABLE></TD></TR></TABLE>
4.一层
<TABLE cellSpacing=1 cellPadding=0 width="100%" align=center background=http://pugongyingw.51.net/image/bj/10.jpg border=5>
<TBODY>
<TR>
<TD>加入内容</TD></TR></TBODY></TABLE>

5.两层
<CENTER>
<TABLE borderColor=#0000ff cellSpacing=0 borderColorDark=#ffffff cellPadding=0 width=480 border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=5 cellPadding=5 width=430 align=center background=http://znrs.2000y.net/UploadFile/2004-6/200467181958882.jpg border=0>
<TBODY>
<TR>
<TD>
加入内容
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
</CENTER>

二、字体：
<FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>中年人生论坛</B></FONT>

<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=#DA70D6); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 方正舒体"><B>中年人生论坛</B></FONT> <BR><BR></CENTER>

</B><BR><FONT style="FONT-SIZE: 55pt; FILTER: shadow(color=apar); WIDTH: 100%; COLOR: #00ff00; LINE-HEIGHT: 100%" face=汉鼎繁随意 size=6>中年人生论坛</FONT><FONT style="FONT-SIZE: 55pt; FILTER: shadow(color=apar); WIDTH: 100%; COLOR: #ff00ff; LINE-HEIGHT: 100%; FONT-FAMILY: 汉鼎繁中变" size=6></FONT><FONT color=#ff00ff> </FONT>
<DIV></DIV>
<P></P>

<P align=center><FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 70px; FILTER: blur(add=1, direction=45,strength=10); WIDTH: 450px; POSITION: relative" color=#3333cc>好美的兰花</FONT></CAPTION> <BR></CAPTION></P>
跳动的字：
<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>
飞舞的字：
<MARQUEE scrollAmount=8 direction=right behavior=alternate><B><FONT color=#7700bb size=5><FONT color=lime>
<MARQUEE direction=up behavior=alternate width=40 height=200 align="middle">中</MARQUEE><FONT color=red>
<MARQUEE direction=up behavior=alternate width=40 height=150>年</MARQUEE><FONT color=orange>
<MARQUEE direction=up behavior=alternate width=40 height=200>人</MARQUEE><FONT color=fuchsia>
<MARQUEE direction=up behavior=alternate width=40 height=150>生</MARQUEE><FONT color=olive>
<MARQUEE direction=up behavior=alternate width=40 height=200>论</MARQUEE><FONT color=green>
<MARQUEE direction=up behavior=alternate width=40 height=150>坛</MARQUEE><FONT color=red>
<MARQUEE direction=up behavior=alternate width=40 height=200>！</MARQUEE><FONT color=orange>
<MARQUEE direction=up behavior=alternate width=40 height=150>！</MARQUEE><FONT color=orange></FONT></B></MARQUEE>
这里很多，自己找吧~~
第一：http://znrs.2000y.net/dispbbs.asp?boardID=16&ID=28749&page=1
第二：http://znrs.2000y.net/dispbbs.asp?boardID=10&ID=25391&page=1

加入图片代码：

一、单纯的一张图片
<P align=center><IMG src=http://forum.xicn.net/uploadFile/2004/05/29/AqSegBJrrq214800bingchuan4.jpg></P>
二、加框有一层FLASH的图片
<TABLE height=300 cellSpacing=0 cellPadding=0 width=400 background=http://www.xiangfan.org/htdocs/dvbbs/UploadFile/2004-6/200462095958665.jpg border=1 bortercolor="#000000">
<TBODY>
<TR>
<TD>
<P align=center><EMBED src=http://www.cn898.net/bg/6.swf width=400 height=300 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"> </P></TD></TR></TBODY></TABLE>
三、加框用两层FLASH的图片
<P align=center>
<TABLE height=300 cellSpacing=0 cellPadding=0 width=400 background=http://www.xiangfan.org/htdocs/dvbbs/UploadFile/2004-6/200462010554370.jpg border=1 bortercolor="#000000">
<TBODY>
<TR>
<TD>
<P align=center><EMBED align=right src=http://www.cn898.net/bg/400.swf width=400 height=280 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"> <BR><BR><EMBED align=right src=http://www.cn898.net/bg/fh/3/1.swf width=380 height=285 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"> <BR></P></TD></TR></TBODY></TABLE>
三、两个FLASH上下排列的图片：
<TABLE cellSpacing=0 cellPadding=0 width=400 height=300 background=http://www.xiangfan.org/htdocs/dvbbs/UploadFile/2004-6/200462095452492.jpg border=1 bortercolor="#000000">
<TBODY>
<TR>
<TD>
<P align=center><EMBED src=http://www.cn898.net/bg/fh/3/1.swf width=400 height=150 type=application/x-shockwave-flash tybe="application/x-shockwave-flash" quality="high" menu="false" wmode="transparent"> <BR><BR><EMBED src=http://www.cn898.net/bg/9.swf width=400 height=150 type=application/x-shockwave-flash tybe="application/x-shockwave-flash" quality="high" menu="false" wmode="transparent"></P></TD></TR></TBODY></TABLE>
四、下上移动的图片们：
<center><MARQUEE scrollAmount=3 scrollDelay=150 direction=up width=450 height=500 borderColor="#000000" border="1">
<P align=center><IMG src="http://forum.xicn.net/uploadFile/2004/05/29/43akqeHuYd214718bingchuan4.jpg"></P>
<P align=center><IMG src="http://forum.xicn.net/uploadFile/2004/05/29/DLSKfBs53V215623bingchuan4.jpg"></P>
<P align=center><IMG src="http://forum.xicn.net/uploadFile/2004/05/29/ZEd88baGsn215638bingchuan4.jpg"></P>
</MARQUEE></center>
五、左右移动的图片们：（要有个背景哟）
<CENTER>
<MARQUEE scrollAmount=1 direction=right behavior=alternate width="100%">
<CENTER>
<TABLE cellSpacing=0 width=400 background=http://pugongyingw.51.net/image/xiantiao/d/14.gif border=0 cellpading="0">
<TBODY>
<TR>
<TD>
<P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/bihe.jpg___2004511215822101.jpg"></P>
<P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/by.jpg___2004511215822766.jpg"></P>
<P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/htys.jpg___2004511215822890.jpg"></P>
<P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/hyxq.jpg___2004511215822564.jpg"></P>
<P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/lty.jpg___2004511215822316.jpg"></P>
<P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/zyh.jpg___2004511215916227.jpg"></P>
<P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/yannian.jpg___200451121591787.jpg"></P>
<P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/xbh.jpg___2004511215917981.jpg"></P>
<P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/mdqg.jpg___20045112203661.jpg"></P>
<P align=center><IMG src="http://bbs.esong.cn/UploadFile/2004-5/mlsx.jpg___20045112203201.jpg"></P></TD></TR></TBODY></TABLE></CENTER></MARQUEE></CENTER>
六：图片雾化效果：
(使用时必须去掉"HTML"旁边"自动修正"的钩.)
<CENTER><TABLE cellSpacing=0 cellPadding=0 width=400 background=http://www.cn898.net/bbs/UploadFile/20044244514090780.jpg border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=2)" width=400 background=http://61.133.87.122/bbs/attachments/month_0405/5_IHwvJkvgflPp.jpg height=300><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.nygyfs.com/tmswf/37.swf width=400 height=300 type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED></TD></TR></TBODY></TABLE></CENTER>
七：图片倒影效果：
(使用时必须去掉"HTML"旁边"自动修正"的钩.)
<P align=center><FONT style="FONT-SIZE: 27pt; WIDTH: 220px; COLOR: #00ff00; HEIGHT: 10px"><IMG src="http://www.smba-china.com/upload/upfile/2004430154320.gif"><FONT id=ew style="FONT-SIZE: 27pt; FILTER: wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv(); WIDTH: 220px; COLOR: #3333ff; HEIGHT: 10px"><IMG src="http://www.smba-china.com/upload/upfile/2004430154320.gif"></P></FONT></FONT><BR><BR>
八：图片向左右相反的方向移动的效果：
<MARQUEE width=200 height=50><IMG src="http://www.mtxsnow.net/UploadFile/2004361972445799.gif"><IMG src="http://www.snsn.net/user/zn/UploadFile/2004-6/2004615135733903.gif"><IMG src="http://www.mtxsnow.net/UploadFile/2004361972445799.gif"></MARQUEE>
<MARQUEE direction=right width=200 height=50><IMG src="http://851.vicp.net/bbs/UploadFile/2004-4/20044895834296.gif"><IMG src="http://www.snsn.net/user/zn/UploadFile/2004-6/200461612563116.gif"><IMG src="http://851.vicp.net/bbs/UploadFile/2004-4/20044895834296.gif"></MARQUEE><BR><BR>
五、加入背景音乐代码：

<EMBED src=网址 hidden=true type=audio/x-ms-wma LOOP="TRUE" AUTOSTART="TRUE"></EMBED>

所用元素：<EMBED></EMBED>
参数：
src：音乐文件的URL；
hidden：=true为不可见，=false反之；
type：指定音频类型；
LOOP：是否循环播放，注意其值置于小角双引号中；
AUTOSTART：是否自动播放，其值同上

图片特效代码：

【一】一张照片，2个动画合并的特效代码：

【二】一张图片，二个特效动画合并的代码效果：

【三】由下向上飘落的特效代码：只有二个动画，没有图片【页头特效代码】

【四】由上向下落花的特效代码及向两边同时滚动的字体代码【页头特效代码】：

<TABLE style="TABLE-LAYOUT: fixed" cellSpacing=0 cellPadding=0 width="98%" align=center border=0>
<TBODY>
<TR>
<TD align=middle width="100%"></TD></TR>
<TR>
<TD style="WORD-WRAP: break-word"><FONT class=news><BR>
<CENTER><EMBED style="Z-INDEX: 3; LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px; HEIGHT: 1800px" align=right src=http://oyja.51.net/flash/sdjhh.swf type=application/octet-stream ;; quality="high" wmode="transparent"></EMBED></CENTER>
<TABLE style="LEFT: 190px; POSITION: absolute; TOP: 360px" height=50 cellSpacing=0 cellPadding=0 width=800 border=0>
<TBODY>
<TR>
<TD width="100%"><FONT face=隶书 color=#ff4500 size=7>
<MARQUEE width=320 height=50>祝大家圣诞节快乐</FONT></MARQUEE><FONT face=隶书 color=#ff4500 size=7>
<MARQUEE direction=right width=320 height=50>乐快节诞圣家大祝</FONT></MARQUEE></FONT></FONT></TD></TR></TBODY></TABLE><BR><BR>
<DIV></DIV></FONT></TD></TR></TBODY></TABLE>

【五】从天而落的大量鲜花效果的代码【页头特效代码】：

<TABLE style="TABLE-LAYOUT: fixed" cellSpacing=0 cellPadding=0 width="98%" align=center border=0>
<TBODY>
<TR>
<TD align=middle width="100%"></TD></TR>
<TR>
<TD style="WORD-WRAP: break-word"><FONT class=news><BR>
<CENTER><EMBED style="Z-INDEX: 3; LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px; HEIGHT: 1800px" align=right src=http://oyja.51.net/flash/sdjhh.swf type=application/octet-stream ;; quality="high" wmode="transparent"></EMBED></CENTER>
<TABLE style="LEFT: 190px; POSITION: absolute; TOP: 360px" height=50 cellSpacing=0 cellPadding=0 width=800 border=0>
<TBODY>
<TR>
</TBODY></TABLE><BR><BR>
<DIV></DIV></FONT></TD></TR></TBODY></TABLE>

【六】一张图片，2个特效FLASH合并的特效代码：

【七】一张图片，2个特效FLASH合并后的特效代码：注意，这组代码与前面有些不同，但效果一样

【八】馨怡制作的落花和散花并同的特效及代码【页头特效】

CENTER><EMBED style="Z-INDEX: 3; LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px; HEIGHT: 1800px" align=right src=http://gb.qjinfo.com/userfilepath/zshy/01/6.swf type=application/octet-stream ;; quality="high" wmode="transparent"></EMBED></CENTER>

<TABLE style="LEFT: 190px; POSITION: absolute; TOP: 360px" height=50 cellSpacing=0 cellPadding=0 width=800 border=0>
<TBODY>
<TR>
</TBODY></TABLE><BR><BR>
<DIV></DIV></FONT></TD></TR></TBODY></TABLE>

【九】红圈花散开特效及代码【页头特效代码】

TABLE style="TABLE-LAYOUT: fixed" cellSpacing=0 cellPadding=0 width="98%" align=center border=0>
<TBODY>
<TR>
<TD align=middle width="100%"></TD></TR>
<TR>
<TD style="WORD-WRAP: break-word"><FONT class=news><BR>
<CENTER><EMBED style="Z-INDEX: 3; LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px; HEIGHT: 1800px" align=right src=http://gb.qjinfo.com/userfilepath/zshy/01/6.swf type=application/octet-stream ;; quality="high" wmode="transparent"></EMBED></CENTER>
<TABLE style="LEFT: 190px; POSITION: absolute; TOP: 360px" height=50 cellSpacing=0 cellPadding=0 width=800 border=0>
<TBODY>
<TR>
</TBODY></TABLE><BR><BR>
<DIV></DIV></FONT></TD></TR></TBODY></TABLE>

【十】天空大量落花特效及代码【页头特效代码】

<TABLE style="TABLE-LAYOUT: fixed" cellSpacing=0 cellPadding=0 width="98%" align=center border=0>
<TBODY>
<TR>
<TD align=middle width="100%"></TD></TR>
<TR>
<TD style="WORD-WRAP: break-word"><FONT class=news><BR>
<CENTER><EMBED style="Z-INDEX: 3; LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px; HEIGHT: 1800px" align=right src=http://oyja.51.net/flash/sdjhh.swf type=application/octet-stream ;; quality="high" wmode="transparent"></EMBED></CENTER>
<TABLE style="LEFT: 190px; POSITION: absolute; TOP: 360px" height=50 cellSpacing=0 cellPadding=0 width=800 border=0>
<TBODY>
<TR>
</TD></TR></TBODY></TABLE><BR><BR>
<DIV></DIV></FONT></TD></TR></TBODY></TABLE>

【十一】特效代码【路程】

【十三】特效代码【路程】

【十四】特效雾化代码【路程】

<CENTER>
<TABLE border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=2)" width=450 background=http://www.hb.xinhua.org/new_9/hblvyuo/2003-08/27/xinsrc_f0d920bda6b44a50b96fd6f4b707d84c_c4.jpg height=380><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://wanruo.jahee.com/jpsc/flash2/041.swf width=450 height=380 type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED></TD></TR></TBODY></TABLE></CENTER>
<P>
<CENTER><FONT style="FONT-SIZE: 15pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: ¿¬Ìå_GB2312"><B>¡°ÏóÑ©»¨°ãÈöÂäÔÚÎÒµÄÐÄÌï¡± </B></FONT></CENTER>
<DIV></DIV><BR></DIV>
<P></P>

【十五】特效雾化代码【路程】

<CENTER>
<TABLE border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=2)" width=450 background=http://wanruo.jahee.com/jpsc/zrfj/1/49.jpg height=350><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://wanruo.jahee.com/jpsc/flash/3.swf width=450 height=350 type=application/x-shockwave-flash wmode="transparent" quality="high"></EMBED></TD></TR></TBODY></TABLE></CENTER>
<P>
<CENTER><FONT style="FONT-SIZE: 15pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 楷体_GB2312"><B>“◆ 梦幻馨怡欢迎您！◆” </B></FONT></CENTER>
<DIV></DIV><BR></DIV>
<P></P>

【十六】空中飘动的覆盖网，花朵，金鱼的特效代码【三层页头特效】

【十七】两层页头特效代码

【十九】特效代码：一张照片两个FLASH的特效。

【二十】含有边框的特效代码【一框一图三个FLASH的特效代码】：

页头大量落花代码：

一张顶部图的特效代码：

空中飘落的小玩意【页头特效】

特效代码－如何添加多个FLASH特效代码等：

隐藏图片里加上透明FLASH素材透明FLASH宽度和高度原则应比图片宽度和高度小一些，添加透明FLASH可以一个或两个甚至更多，自定

代码如下：

<P align=center>
<TABLE border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=2)" width=255 background=http://www.vicn.net/UploadFile/2004-7/20047301729519.gif height=300>
<P><B><EMBED align=right src=http://mouse520.51.net/flash/36.swf width=255 height=300 type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED></B></P></TD></TR></TOBDY></TBODY></TABLE></P>

效果如下：

添加多个透明FLASH语法

代码如下：

效果如下：

这个是在最上面向左行走的代码：

<DIV id=layer2 style="Z-INDEX:2; RIGHT: Opx; WIDTH: 211px; POSITION: absolute; TOP: 190px; HEIGHT: 120px">
<TABLE cellSpacing=10 cellPadding=0 width="100%" border=0>
<TBODY>
<TR class=unnamed1>
<TD vAlign=top width="100%" height=200>
<DIV align=center>
<MARQUEE style="FLOAT: none; MARGIN-LEFT: auto; MARGIN-RIGHT: auto" scrollDelay=99 width=1900 height=200 border="0"><FONT color=#cc33cc><FONT style="FONT-SIZE: 65pt; FILTER: shadow(color=black,direction=180); WIDTH: 100%; COLOR: #f819f8; LINE-HEIGHT: 150%; FONT-FAMILY: 华文新魏">夜雨心语欢迎你</B></FONT></FONT></MARQUEE>
<CENTER></CENTER></DIV></TD></TR>
<DIV></DIV></TBODY></TABLE></DIV>

向上飞的彩色气球

贴子全屏的秘密

要全屏,只有一句话:

在第一个<table 后面加上

id=table1 style="LEFT: -220px; WIDTH: 900px; POSITION: relative; TOP: 131px; HEIGHT: 6500px"

这些代码即可.

适用地方:论坛发贴.

HTML做帖子常用特效代码

透明flash多层叠加：
<CENTER>
<TABLE cellSpacing=8 cellPadding=1 width=324 align=center background=http://www.xinyi63.com/xinyi200412151.jpg border=1 table>
<TBODY>
<TR>
<TD><EMBED align=right src=http://mailimg-fs.hanmail.net/fl/effect/19/e-fall2.swf width=324 height=400 type=application/octet-stream wmode="transparent" quality="high"><EMBED align=right src=http://www.cn898.net/bg/fh/3/1.swf width=324 height=400 type=application/octet-stream wmode="transparent" quality="high"><EMBED align=right src=http://image2.sina.com.cn/dongman/f/2002-05-20/1_55-4-248-235_20020520133331.swf width=324 height=400 type=application/octet-stream wmode="transparent" quality="high"></TD></TR></TBODY></TABLE></CENTER>

10,倒影效果:(使用时必须去掉"HTML"旁边"自动修正"的钩.)
<P align=center><FONT style="FONT-SIZE: 27pt; WIDTH: 220px; COLOR: #00ff00; HEIGHT: 10px"><IMG src="http://www.xinyi63.com/xinyi050129.jpg"><FONT id=ew style="FONT-SIZE: 27pt; FILTER: wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv(); WIDTH: 220px; COLOR: #3333ff; HEIGHT: 10px"><IMG src="http://www.xinyi63.com/xinyi050129.jpg"></P></FONT></FONT><BR><BR>

将原来的垂直翻转flipv()改为水平翻转fliph()就是另一种效果了。

帖子透明虚化:(使用时必须去掉"HTML"旁边"自动修正"的钩.)
<center><TABLE cellSpacing=0 cellPadding=0 width=500 background=http://www.xinyi63.com/xinyi050129.jpg border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=2)" width=400 background=http://www.xinyi63.com/xinyi050129.jpg height=300><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.nygyfs.com/tmswf/37.swf width=400 height=300 type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED></TD></TR></TBODY></TABLE></CENTER>

飞舞的蝴蝶:
<marquee behavior="alternate"scrollamount=8 direction=right>
<MARQUEE behavior=alternate direction=up height=200 width=90>
<img src=http://www.snsn.net/user/zn/UploadFile/2004-6/200461165322536.gif></MARQUEE>
<MARQUEE behavior=alternate direction=up height=250 width=90>
<img src=http://www.snsn.net/user/zn/UploadFile/2004-6/200461165322536.gif></MARQUEE>
<MARQUEE behavior=alternate direction=up height=200 width=90>
<img src=http://www.snsn.net/user/zn/UploadFile/2004-6/200461165322536.gif></MARQUEE>
<MARQUEE behavior=alternate direction=up height=250 width=90>
<img src=http://www.snsn.net/user/zn/UploadFile/2004-6/200461165322536.gif></MARQUEE>
<MARQUEE behavior=alternate direction=up height=200 width=90>
<img src=http://www.snsn.net/user/zn/UploadFile/2004-6/200461165322536.gif></MARQUEE>
<MARQUEE behavior=alternate direction=up height=250 width=90>
<img src=http://www.snsn.net/user/zn/UploadFile/2004-6/200461165322536.gif></MARQUEE

美框固定代码（一）【馨怡珍藏版】－做美框，走捷径

http://xz1.2000y.net/100158/index.asp?xAction=xReadNews&NewsID=2742

<TABLE borderColor=#cccccc cellSpacing=30 cellPadding=30 width="100%" background=http://www.616bbs.com/picture/ls/chuanger/yinhua/2/200521318911429.gif border=0>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cccccc cellSpacing=5 cellPadding=5 width="100%" align=right background=http://www.616bbs.com/picture/ls/chuanger/yinhua/2/20041222175618868.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cccccc cellSpacing=10 cellPadding=10 width="100%" align=right bgColor=#000000 background=http://www.616bbs.com/picture/ls/chuanger/yinhua/2/014.gif border=0>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cccccc cellSpacing=2 cellPadding=2 width="100%" align=right background=http://www.616bbs.com/picture/ls/chuanger/yinhua/2/20041222175618868.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cccccc cellSpacing=8 cellPadding=8 width="100%" align=right background=http://www.616bbs.com/picture/ls/chuanger/yinhua/2/200521318911429.gif border=0>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cccccc cellSpacing=2 cellPadding=2 width="100%" align=right background=http://www.616bbs.com/picture/ls/chuanger/yinhua/2/20041222175618868.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cccccc cellSpacing=2 cellPadding=2 width="100%" align=right background=http://www.616bbs.com/picture/ls/chuanger/yinhua/2/2005213191628227.jpg border=0>
<TBODY>
<TR>
<TD>
<P align=center><FONT face=隶书 color=#faebd7 size=6>梦幻馨怡欢迎您</FONT></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><FONT size=+0></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><FONT size=+0></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

(七). 如何发全屏

如果你想发全屏帖的话,可以使用以下方法:

在帖子"HTML"状态下,找到自己帖子的第一层边框代码,如:

只要在这一层代码里加上这样一段(里面的数据可以根据帖子的实际情况作适当调整):

id=table1 style="LEFT: -220px; WIDTH: 970px; POSITION: relative; TOP: 70px"

这样,你的第一层边框代码如下:

最后发帖前,在帖子代码前加上几组<BR>,以防帖子太高,把自己头像下的积分处挡住.(我一般用5组<BR>).

在帖子代码结尾处最好也加几组<BR>,以防帖子太长,盖住编辑和加精处

<TABLE id=table1 style="LEFT: -110px; WIDTH: 970px; POSITION: relative; TOP: 0px" borderColor=#cccccc cellSpacing=30 cellPadding=30 width="100%" background=http://www.616bbs.com/picture/ls/chuanger/yinhua/2/200521318911429.gif border=0>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cccccc cellSpacing=5 cellPadding=5 width="100%" align=right background=http://www.616bbs.com/picture/ls/chuanger/yinhua/2/20041222175618868.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cccccc cellSpacing=10 cellPadding=10 width="100%" align=right bgColor=#000000 background=http://www.616bbs.com/picture/ls/chuanger/yinhua/2/014.gif border=0>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cccccc cellSpacing=2 cellPadding=2 width="100%" align=right background=http://www.616bbs.com/picture/ls/chuanger/yinhua/2/20041222175618868.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cccccc cellSpacing=8 cellPadding=8 width="100%" align=right background=http://www.616bbs.com/picture/ls/chuanger/yinhua/2/200521318911429.gif border=0>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cccccc cellSpacing=2 cellPadding=2 width="100%" align=right background=http://www.616bbs.com/picture/ls/chuanger/yinhua/2/20041222175618868.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cccccc cellSpacing=2 cellPadding=2 width="100%" align=right background=http://www.616bbs.com/picture/ls/chuanger/yinhua/2/2005213191628227.jpg border=0>
<TBODY>
<TR>
<TD>
<P align=center><FONT face=隶书 color=#faebd7 size=6>梦幻馨怡欢迎您</FONT></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><FONT size=+0></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><FONT size=+0></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

动网论坛发全屏HTML代码美贴就必须用下面的代码，先请看效果：

<TABLE id=table1 style="LEFT: -200px; WIDTH: 970px; POSITION: relative; TOP: 70px" borderColor=#cccccc cellSpacing=30 cellPadding=30 width="100%" background=http://www.616bbs.com/picture/ls/chuanger/yinhua/2/200521318911429.gif border=0>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cccccc cellSpacing=5 cellPadding=5 width="100%" align=right background=http://www.616bbs.com/picture/ls/chuanger/yinhua/2/20041222175618868.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cccccc cellSpacing=10 cellPadding=10 width="100%" align=right bgColor=#000000 background=http://www.616bbs.com/picture/ls/chuanger/yinhua/2/014.gif border=0>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cccccc cellSpacing=2 cellPadding=2 width="100%" align=right background=http://www.616bbs.com/picture/ls/chuanger/yinhua/2/20041222175618868.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cccccc cellSpacing=8 cellPadding=8 width="100%" align=right background=http://www.616bbs.com/picture/ls/chuanger/yinhua/2/200521318911429.gif border=0>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cccccc cellSpacing=2 cellPadding=2 width="100%" align=right background=http://www.616bbs.com/picture/ls/chuanger/yinhua/2/20041222175618868.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#cccccc cellSpacing=2 cellPadding=2 width="100%" align=right background=http://www.616bbs.com/picture/ls/chuanger/yinhua/2/2005213191628227.jpg border=0>
<TBODY>
<TR>
<TD>
<P align=center><FONT face=隶书 color=#faebd7 size=6>梦幻馨怡欢迎您</FONT></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><FONT size=+0></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><FONT size=+0></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

馨怡温馨提醒大家：做HTML美框时，可以以此组代码为基础，只需要更换图片网址即可。在动网论坛代码不能有一点错误，否则发出来就是乱码。尤其注意：前边用了多少<table......><tr><td>后面就要有多少</TD></TR></TBODY></TABLE>收尾。多收和少收都会使帖子出错哦　：）

请浏览把HTML美贴分别在本网站及动网论坛改全屏效果的方法及代码

http://xz1.2000y.net/100158/index.asp?xAction=xReadNews&NewsID=2740

请浏览学做HTML音乐图文帖

http://xz1.2000y.net/100158/index.asp?xAction=xReadNews&NewsID=2739

请看论坛：

http://www.xinyi63.com/xinyiBBS/dispbbs.asp?boardID=26&ID=378&page=1

http://bbs.9degree.com/dispbbs.asp?boardID=175&ID=114530&page=1