广场 › 〖 美图学堂 〗 › [贴图公式(教你编辑漂亮图片)]+[HTML中/高级教程在389楼处]

mymusic123 发表于 2005-6-23 10:19:07

湛蓝7335 发表于 2005-6-23 13:31:42

这下可要好好学习一下了！太感谢了！

东风 发表于 2005-6-24 17:20:38

飛飛 发表于 2005-6-24 22:55:40

小辣椒斑斑的分隔线借偶用用撒
好吗??

小辣椒 发表于 2005-6-26 21:46:40

Originally posted by 飛飛 at 2005-6-24 22:55
小辣椒斑斑的分隔线借偶用用撒
好吗??

米问题
那去用好了

当上班班记得给我加分就好

若凡 发表于 2005-7-1 20:37:02

feilang4444 发表于 2005-7-4 14:14:20

不错！！！！！！！

飛飛 发表于 2005-7-6 13:27:14

[07/07][帮助帖]HTML特效代码及HTML中、高级篇教程

<TABLE id=table1 style="LEFT: -220px; WIDTH: 970px; POSITION: relative; TOP: 80px" cellSpacing=35 align=center background=http://www.grsites.com/textures/yello/yello009.jpg border=0><TR><TD>

<P align=center><FONT face=楷体_GB2312 color=#ff0033 size=6>基本公告</FONT></P><br><br><P align=center><table width=650 border="2" cellspacing="30" cellpadding="2" background="http://www.grsites.com/textures/yello/yello009.jpg" bordercolor="#FF00FF"><tr><td><br><FONT face=楷体_GB2312 color=#3300ff size=4>1、请遵循精品贴图区这个重要原则！爱护图区的环境<br><br>2、请不要单独开贴测试，用跟贴的办法。<br><br>3、原则上是不同意单图单贴。<br><br>4、内容类似的情况下，尽可能一贴和跟贴。<br><br>5、请尊重别人的劳动，不要刷屏！<br><br>6、请不要侮辱、漫骂他人。<br><br>7、版主有权按照规则删除贴，如果不满意，可以发短信和投诉。<br><br></FONT></TD></TR></TABLE></P><br><P align=center><FONT face=楷体_GB2312 color=#ff0033 size=6>中级篇</FONT></P><P>这一部分我重点讲关于表格的嵌套使用。我曾经多次实验，加上看其他朋友的帖子，总结出了一些表格的使用技巧。</p><br><p>首先，介绍表格的HTML格式。</p><br><br><P align=center><FONT color=#ff0000 face=华文行楷 size=5>表格标记</FONT></P><HR align=center color=#cccccc width="30%"><FONT color=#ff0000>&ltTABLE&gt&ltTR&gt&ltTD&gt&ltTH&gt&ltCAPTION&gt</FONT> <br><br><TABLE><TR><TD bgColor=#ddddff width=600><FONT color=#238e23>■&ltTABLE&gt&ltTR&gt&ltTD&gt&ltCENTER&gt..........&lt/TD&gt&lt/TR&gt&lt/TABLE&gt</FONT></TD></TR></TABLE><br>这三个标记是定义表格的最重要的标记，可以说只学这三个己足够。&ltTABLE&gt是一个容器标记，意思是说它用以声明这是表格而且其他表格标记只能在他的范围内才适用，属容器标记的还有其他。 <br><FONT color=#ff0000>&ltTR&gt</FONT>用以标示表格列（row） <br><FONT color=#ff0000>&ltTD&gt</FONT>用以标示储存格（cell） <br><FONT color=#ff0000>&ltTABLE&gt</FONT>的参数设定（常用）： <br>例如： &lttable <FONT color=#ff0000>width</FONT>="400" <FONT color=#ff0000>border</FONT>="1" <FONT color=#ff0000>cellspacing</FONT>="2" <FONT color=#ff0000>cellpadding</FONT>="2" <FONT color=#ff0000>align</FONT>="CENTER" <FONT color=#ff0000>valign</FONT>="TOP" <FONT color=#ff0000>background</FONT>="myweb.gif"<FONT color=#ff0000> bgcolor</FONT>="#0000FF" <FONT color=#ff0000>bordercolor</FONT>="#FF00FF" <FONT color=#ff0000>bordercolorlight</FONT>="#00FF00" <FONT color=#ff0000>bordercolordark</FONT>="#00FFFF" <FONT color=#ff0000>cols</FONT>="2"&gt <UL><LI><FONT color=#ff0000>width</FONT>="400" <br>表格宽度，接受绝对值（如 80）及相对值（如 80%）。 <LI><FONT color=#ff0000>border</FONT>="1" <br>表格边框厚度，不同浏览器有不同的内定值，故请指明。 <LI><FONT color=#ff0000>cellspacing</FONT>="2" <br>表格格线厚度。 <LI><FONT color=#ff0000>cellpadding</FONT>="2" <br>文字与格线的距离。 <LI><FONT color=#ff0000>align</FONT>="CENTER" <br>表格的摆放位置（水平），可选值为： left, right, center，请看例子五或六，那表格是放于中间的，为怕一些浏览器不支援，故特加上居中标记&ltCENTER&gt，只是多层保证而己，当然只用&ltCENTER&gt亦可。 <LI><FONT color=#ff0000>valign</FONT>="TOP". <br>表格内字画等的摆放贴位置（垂直），可选值为： top, middle, bottom。 <LI><FONT color=#ff0000>background</FONT>="myweb.gif" <br>表格　纸，与 bgcolor 不要同用。 <LI><FONT color=#ff0000>bgcolor</FONT>="#0000FF" <br>表格底色，与background不要同用。 <LI><FONT color=#ff0000>bordercolor</FONT>="#FF00FF" <br>表格边框颜色，NC 与 IE 有不同的效果。 <LI><FONT color=#ff0000>bordercolorlight</FONT>="#00FF00" <br>表格边框向光部分的颜色。『只适用于 IE』 <LI><FONT color=#ff0000>bordercolordark</FONT>="#00FFFF" <br>表格边框背光部分的颜色，使用bordercolorlight或bordercolordark时 bordercolor将会失效。『只适用于 IE』 <LI><FONT color=#ff0000>cols</FONT>="2" <br>表格栏位数目，只是让浏览器在下载表格是先画出整个表格而己。</LI></UL><TABLE><TR><TD bgColor=#ddddff width=600><FONT color=#238e23>■&ltTR&gt的参数设定（常用）：</FONT></TD></TR></TABLE><br><br>例如：&lttr <FONT color=#ff0000>align</FONT>="RIGHT" <FONT color=#ff0000>valign</FONT>="MIDDLE" <FONT color=#ff0000>bgcolor</FONT>="#0000FF" <FONT color=#ff0000>bordercolor</FONT>="#FF00FF" <FONT color=#ff0000>bordercolorlight</FONT>="#808080" <FONT color=#ff0000>bordercolordark</FONT>="#FF0000"&gt<br><br><UL><LI><FONT color=#ff0000>align</FONT>="RIGHT" <br>该一列内字画等的摆放贴位置（水平），可选值为：left, center, right。 <LI><FONT color=#ff0000>valign</FONT>="MIDDLE" <br>该一列内字画等的摆放贴位置（垂直），可选值为： top, middle, bottom。 <LI><FONT color=#ff0000>bgcolor</FONT>="#0000FF" <br>该一列底色，请看。 <LI><FONT color=#ff0000>bordercolor</FONT>="#FF00FF" <br>该一列边框颜色，请看。『只适用于 IE』 <br><br><FONT color=#ff0000>bordercolorlight</FONT>="#808080" <br>该一列边框向光部分的颜色，请看。『只适用于 IE』 <LI><FONT color=#ff0000>bordercolordark</FONT>="#FF0000" <br>该一列边框背光部分的颜色，使用<FONT color=#ff0000>bordercolorlight</FONT> 或 <FONT color=#ff0000>bordercolordark</FONT>时<FONT color=#ff0000>bordercolor</FONT> 将会失效。『只适用于 IE』</LI></UL><TABLE><TR><TD bgColor=#ddddff width=600><FONT color=#238e23>■&ltTD&gt的参数设定（常用）:</FONT></TD></TR></TABLE><br><br>例如：&lttd <FONT color=#ff0000>width</FONT>="48%" <FONT color=#ff0000>height</FONT>="400" <FONT color=#ff0000>colspan</FONT>="5" <FONT color=#ff0000>rowspan</FONT>="4" <FONT color=#ff0000>align</FONT>="RIGHT" <FONT color=#ff0000>valign</FONT>="BOTTOM" <FONT color=#ff0000>bgcolor</FONT>="#FF00FF" <FONT color=#ff0000>bordercolor</FONT>="#808080" <FONT color=#ff0000>bordercolorlight</FONT>="#FF0000" <FONT color=#ff0000>bordercolordark</FONT>="#00FF00" <FONT color=#ff0000>background</FONT>="myweb.gif"&gt<br><br><UL><LI><FONT color=#ff0000>width</FONT>="48%" <br>该一储存格宽度，接受绝对值（如 80）及相对值（如 80%）。 <LI><FONT color=#ff0000>height</FONT>="400" <br>该一储存格高度。 <LI><FONT color=#ff0000>colspan</FONT>="5" <br>该一储存格向右打通的栏数。<LI><FONT color=#ff0000>rowspan</FONT>="4" <br>该一储存格向下打通的列数。<LI><FONT color=#ff0000>align</FONT>="RIGHT" <br>该一储存格内字画等的摆放贴位置（水平），可选值为：left, center, right。 <LI><FONT color=#ff0000>valign</FONT>="BOTTOM" <br>该一储存格内字画等的摆放贴位置（垂直），可选值为：top, middle, bottom。 <LI><FONT color=#ff0000>bgcolor</FONT>="#FF00FF" <br>该一储存格底色。 <LI><FONT color=#ff0000>bordercolor</FONT>="#808080" <br>该一储存格边框颜色。『只适用于 IE』 <LI><FONT color=#ff0000>bordercolorlight</FONT>="#FF0000" <br>该一储存格边框向光部分的颜色。『只适用于 IE』 <LI><FONT color=#ff0000>bordercolordark</FONT>="#00FF00" <br>该一储存格边框背光部分的颜色，使用<FONT color=#ff0000>bordercolorlight</FONT>或<FONT color=#ff0000>bordercolordark</FONT> 时 <FONT color=#ff0000>bordercolor</FONT>将会失效。『只适用于 IE』 <LI><FONT color=#ff0000>background</FONT>="myweb.gif" <br>该一储存格纸，与bgcolor任用其一。 </LI></UL><br><br><P>肯定已经有人不耐烦了，那么我简单介绍一下使用，基本格式如下：<br><center><TEXTAREA cols=60 rows=7><CENTER><table width="70%" border="1" cellspacing="2" cellpadding="2" align="CENTER" background="背景图片地址" bgcolor="#0000FF" bordercolor="#FF00FF"><tr><td><CENTER>.....你的帖子内容.....</TD></TR></TABLE></CENTER></TEXTAREA></center><br><br><center>大家看这个范例<br><br><table width="60%" border="1" cellspacing="50" cellpadding="2" align="CENTER" background="http://www.s1.inets.jp/~rouge/free/mezame_4.jpg" bgcolor="#0000FF" bordercolor="#FF00FF"><tr><td><center><br><FONT style="COLOR: white; FILTER: shadow(color=#009999); FONT-FAMILY: 隶书; FONT-SIZE: 70pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>好看吗？</B></FONT><br><IMG SRC=http://www.s1.inets.jp/~rouge/xmasr_top.jpg></TD></TR></TABLE></center><br><br>刚才给出的只是一个表格，如果使用表格的嵌套，你的帖子会更有魅力，如同一个彩色的画框。原理是这样：<br><br>表格1开始+表格2开始+...+表格2结束+表格1结束<br>下面给出3层表格的范例，如果你要多层，继续加入即可：<br><br><center><TEXTAREA cols=60 rows=7><CENTER><table width="70%" border="1" cellspacing="2" cellpadding="2" align="CENTER" background="背景图片地址1" bgcolor="#0000FF" bordercolor="#FF00FF"><tr><td><CENTER><table width="100%" border="1" cellspacing="2" cellpadding="2" align="CENTER" background="背景图片地址2" bgcolor="#0000FF" bordercolor="#FF00FF"><tr><td><CENTER><table width="100%" border="1" cellspacing="2" cellpadding="2" align="CENTER" background="背景图片地址3" bgcolor="#0000FF" bordercolor="#FF00FF"><tr><td><CENTER>.....你的帖子内容.....</TD></TR></TABLE></TD></TR></TABLE></TD></TR></TABLE></CENTER></TEXTAREA></center><br><br>注意：关键在于这几个方面，也是我们修改的内容：<br>1、第一个表格的width可以取你想要的宽度，其他全部取100％，操作简单。<br>2、cellspacing的取值决定了表格边的宽度，我下面分别取30、20、40，大家看效果。<br>3、border的取值也是重要的，建议取0或者1。<br>4、这个才是重点，颜色搭配非常重要，不要反差太大，有点像女士配衣服，男士搭配西装、衬衣和领带，千万不要大红配大绿，那就是丑。<br><br><table width="70%" border="1" cellspacing="30" cellpadding="2" align="CENTER" background="http://www.grsites.com/textures/pink/pink009.jpg" bgcolor="#0000FF" bordercolor="#FF00FF"><tr><td><CENTER><table width="100%" border="0" cellspacing="20" cellpadding="2" align="CENTER" background="http://www.grsites.com/textures/pink/pink006.jpg" bgcolor="#0000FF" bordercolor="#FF00FF"><tr><td><CENTER><table width="100%" border="0" cellspacing="40" cellpadding="2" align="CENTER" background="http://www.grsites.com/textures/pink/pink008.jpg" bgcolor="#0000FF" bordercolor="#FF00FF"><tr><td><CENTER><br><IMG SRC=http://www.s1.inets.jp/~rouge/xmasr_top.jpg></TD></TR></TABLE></TD></TR></TABLE></TD></TR></TABLE></CENTER><br><br><br><br><br><center><TABLE background=http://gb.qjinfo.com/userfilepath/yufenfei/yeyu/sucai/ziti/LonelyBgMid.jpg bgColor=#fdf7e5 border=1 borderColor=#fdf7e5 borderColorDark=#650522 borderColorLight=#83072d cellPadding=0 cellSpacing=5 style="BORDER-COLLAPSE: collapse" width=600><TR><TD width="100%"><DIV align=center><TABLE background=http://gb.qjinfo.com/userfilepath/yufenfei/yeyu/sucai/ziti/LonelyBgMid2.jpg bgColor=#83072d border=1 borderColor=#83072d borderColorDark=#83072d borderColorLight=#650522 cellPadding=0 cellSpacing=6 style="BORDER-COLLAPSE: collapse" width="100%"><TR><TD width="100%"><DIV align=center><CENTER><TABLE background=http://gb.qjinfo.com/userfilepath/yufenfei/yeyu/sucai/ziti/LonelyBgMid.jpg bgColor=#fdf7e5 border=1 borderColor=#fdf7e5 borderColorDark=#83072d borderColorLight=#650522 cellPadding=0 cellSpacing=3 style="BORDER-COLLAPSE: collapse" width="100%"><TR><TD width="100%"><DIV align=center><CENTER><TABLE background=http://gb.qjinfo.com/userfilepath/yufenfei/yeyu/sucai/ziti/LonelyBgAnim.gif bgColor=#83072d border=1 borderColor=#83072d borderColorDark=#83072d borderColorLight=#650522 cellPadding=0 cellSpacing=10 style="BORDER-COLLAPSE: collapse" width="100%"><TR><TD width="100%"><DIV align=center><CENTER><TABLE background=http://gb.qjinfo.com/userfilepath/yufenfei/yeyu/sucai/ziti/LonelyBgMid.jpg bgColor=#fdf7e5 border=1 borderColor=#fdf7e5 borderColorDark=#83072d borderColorLight=#650522 cellPadding=0 cellSpacing=3 style="BORDER-COLLAPSE: collapse" width="100%"><TR><TD width="100%"><DIV align=center><CENTER><TABLE background=http://gb.qjinfo.com/userfilepath/yufenfei/yeyu/sucai/ziti/LonelyBg.jpg bgColor=#fdf7e5 border=1 borderColor=#fdf7e5 borderColorDark=#83072d borderColorLight=#650522 cellPadding=0 cellSpacing=8 style="BORDER-COLLAPSE: collapse" width="100%"><TR><TD width="100%"><DIV align=center><CENTER><TABLE background=http://gb.qjinfo.com/userfilepath/yufenfei/yeyu/sucai/ziti/LonelyBgMid.jpg bgColor=#fdf7e5 border=1 borderColor=#fdf7e5 cellPadding=0 cellSpacing=0 style="BORDER-COLLAPSE: collapse" width="99%"><TR><TD width="100%"><DIV align=center><TABLE background=http://gb.qjinfo.com/userfilepath/yufenfei/yeyu/sucai/ziti/LonelyBg.jpg bgColor=#fdf7e5 border=0 borderColor=#fdf7e5 cellPadding=0 cellSpacing=3 style="BORDER-COLLAPSE: collapse" width=550><TR><TD width="100%"><P align=center><IMG SRC="http://www.17jd.com/UploadFile/2004-11/2004117151650921.jpg">      <IMG SRC="http://www.mtxsnow.net/bbs/UploadFile/2004112418252649.gif"> <br><P align=center><FONT style="FONT-SIZE: 26pt" face=华文行楷 color=#cc0000><B><EM>精品贴图</EM></B></FONT></p><br><DIV align=center><TABLE background=http://gb.qjinfo.com/userfilepath/yufenfei/yeyu/sucai/ziti/LonelyBgMid.jpg bgColor=#fdf7e5 border=2 borderColor=#fdf7e5 borderColorDark=#650522 borderColorLight=#650522 cellPadding=0 cellSpacing=5 style="BORDER-COLLAPSE: collapse" width=500><TR><TD width="100%"><DIV align=center><TABLE background=http://gb.qjinfo.com/userfilepath/yufenfei/yeyu/sucai/ziti/LonelyBg1.jpg border=1 borderColorDark=#650522 cellPadding=0 cellSpacing=0 width="100%"><TR><TD width="100%"><DIV align=center><IMG SRC="http://images.5460.net/data2/bbs/00/13/43//460846.gif">                                              <IMG SRC="http://images.5460.net/data2/bbs/00/13/43//460846.gif"><br><DIV align=center><FONT color=#ee110e face=华文行楷 size=7><MARQUEE height=50 width=200><IMG SRC="http://images.5460.net/data2/bbs/00/13/43//460846.gif">字体集锦<IMG SRC="http://images.5460.net/data2/bbs/00/13/43//460846.gif"></FONT></MARQUEE><FONT color=#ee1111 face=华文行楷 size=7><MARQUEE direction=right height=50 width=200><IMG SRC="http://images.5460.net/data2/bbs/00/13/43//460846.gif">字体集锦<IMG SRC="http://images.5460.net/data2/bbs/00/13/43//460846.gif"></FONT></MARQUEE><P align=center><FONT size=+0><TEXTAREA cols=50 rows=8>此特效代码如下：<FONT face=华文行楷 color=#ee110e size=7><MARQUEE width=200 height=50>字体集锦</FONT></MARQUEE><FONT face=华文行楷 color=#ee1111 size=7><MARQUEE direction=right width=200 height=50>字体集锦</FONT></MARQUEE></TEXTAREA> <br><DIV align=center><DIV style="FILTER: shadow(color=#FF0000 , strength=60); WIDTH: 480px"><FONT color=#ffffff face=华文行楷 size=6><B><CENTER><br>69贴图<br><br><CENTER><CENTER><br>~欢迎你~</CENTER></FONT></DIV></DIV><P align=center><FONT size=+0><TEXTAREA cols=50 rows=6>此特效代码如下：<DIV style="FILTER: shadow(color=#FF0000 , strength=60); WIDTH: 480px"><FONT face=华文行楷 color=#ffffff size=6><B><CENTER><BR>69贴图<CENTER><br><CENTER><BR>~欢迎你~</CENTER></FONT></DIV><BR></TEXTAREA> <br><DIV align=center><DIV style="FILTER: shadow(color=#FF0000, strength=60); WIDTH: 480px"><FONT color=#ffffff face=华文彩云 style="FONT-SIZE: 30pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal">欢迎你</FONT> </DIV></DIV><P align=center><FONT size=+0><TEXTAREA cols=50 rows=7>此特效代码如下：<DIV style="FILTER: shadow(color=#FF0000, strength=60); WIDTH: 480px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#FFFFFF>欢迎你</FONT> </DIV><br><BR></TEXTAREA> <br><DIV align=center><DIV style="FILTER: glow(color=#c299ff, strength=60); WIDTH: 400px"><FONT color=#8a2be2 face=隶书 size=7><B><br>欢迎你</FONT></B> </DIV><P align=center><FONT size=+0><TEXTAREA cols=50 rows=6>此特效代码如下：<DIV style="FILTER: glow(color=#c299ff, strength=60); WIDTH: 400px"><FONT face=隶书 color=#8a2be2 size=7><B><BR>欢迎你</FONT></B> </DIV><BR></TEXTAREA> <br><P align=center><MARQUEE height=67 scrollAmount=2 width=60 scrolldely="10" align="center"><B><FONT color=#ff0000 face=华文彩云 style="FONT-SIZE: 20pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal"><B>大 </FONT></B></B></MARQUEE><MARQUEE height=67 scrollAmount=2 width=60 scrolldely="10" align="center"><B><FONT color=#ff0000 face=华文彩云 style="FONT-SIZE: 20pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal"><B>家</FONT></B></B></MARQUEE><MARQUEE height=67 scrollAmount=2 width=60 scrolldely="10" align="center"><B><FONT color=#ff0000 face=华文彩云 style="FONT-SIZE: 20pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal"><B>好</FONT></B></B></MARQUEE></FONT></CENTER><P align=center><FONT size=+0><TEXTAREA cols=50 rows=20>此特效代码如下：<MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#ff0000><B>大 </FONT></B></B></MARQUEE><MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#ff0000><B>家</FONT></B></B></MARQUEE><br><MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#ff0000><B>好</FONT></B></B></MARQUEE><br></FONT></CENTER><BR></TEXTAREA> <br><P align=center><FONT color=#ff0000 face=华文行楷 style="FONT-SIZE: 86pt"><B><EM>69</EM></B></FONT><FONT size=+0><TEXTAREA cols=50 rows=4>此特效代码如下：<FONT style="FONT-SIZE: 86pt" face=华文行楷 color=#ff0000><B><EM>69</EM></B></FONT></TEXTAREA> <br><br><br><br><P align=center><MARQUEE behavior=alternate direction=right scrollAmount=8><B><FONT color=#7700bb size=6><FONT color=red><MARQUEE behavior=alternate direction=up height=60 width=40 align="middle">字</MARQUEE><FONT color=red><MARQUEE behavior=alternate direction=up height=80 width=40>跳</MARQUEE><FONT color=red><MARQUEE behavior=alternate direction=up height=60 width=40>舞</MARQUEE></B></FONT></FONT></FONT></FONT></MARQUEE></CENTER><P align=center><FONT size=+0><TEXTAREA cols=50 rows=10>此特效代码如下：<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><br><MARQUEE direction=up behavior=alternate width=40 height=60>舞</MARQUEE></B></FONT></FONT></FONT></MARQUEE></CENTER> <BR></TEXTAREA> <br><CENTER><FONT style="COLOR: #e4dc9b; FILTER: glow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 40pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>精品贴图</B></FONT></CENTER><P align=center><FONT size=+0><TEXTAREA cols=50 rows=5>此特效代码如下：<FONT style="FONT-SIZE: 40pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>精品贴图</B></FONT></CENTER><BR></TEXTAREA> <br><CENTER><DIV style="COLOR: red; FILTER: dropshadow(color=000000, offx=10, offy=10, positive=10); FONT-FAMILY: Arial; FONT-SIZE: 50pt; POSITION: relative; WIDTH: 500px">特效字体</DIV></CENTER><P align=center><FONT size=+0><TEXTAREA cols=50 rows=5>此特效代码如下：<DIV style="FONT-SIZE: 50pt; FILTER: dropshadow(color=000000, offx=10, offy=10, positive=10); WIDTH:500px; COLOR: red; FONT-FAMILY: Arial; POSITION: relative">特效字体</DIV><BR></TEXTAREA> <br><P align=center><FONT style="COLOR: #000000; FILTER: glow(color=#DAA520,strength=4); FONT-FAMILY: 华文行楷; FONT-SIZE: 20pt; LINE-HEIGHT: 150%; WIDTH: 100%">谢谢支持<br></FONT></P><P align=center><FONT size=+0><TEXTAREA cols=50 rows=5>此特效代码如下：<FONT style="FONT-SIZE: 20pt; FILTER: glow(color=#DAA520,strength=4); WIDTH: 100%; COLOR: #000000; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷">谢谢支持<BR></FONT><BR><BR></TEXTAREA> <br><P align=center><FONT style="COLOR: #ff00ff; FILTER: wave(add=0,lightstrength=10,strength=8,freq=6,phrase=10); FONT-FAMILY: 华文行楷; FONT-SIZE: 35pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>流水字体</B></P></DIV></FONT></DIV><P align=center><FONT size=+0><TEXTAREA cols=50 rows=7>此特效代码如下：<FONT style="FONT-SIZE: 85pt; FILTER: wave(add=0,lightstrength=10,strength=8,freq=6,phrase=10); WIDTH: 100%; COLOR: #ff00ff; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷"><B>流水字体</B></DIV></FONT></DIV><BR></TEXTAREA> <br><br><br><br><CENTER><FONT style="COLOR: white; FILTER: shadow(color=#DA70D6); FONT-FAMILY: 方正舒体; FONT-SIZE: 40pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>贴图</B></FONT></CENTER><P align=center><FONT size=+0><TEXTAREA cols=50 rows=5>此特效代码如下：<FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=#DA70D6); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 方正舒体"><B>贴图</B></FONT></CENTER><BR></TEXTAREA> <br><P align=center><FONT face=汉鼎繁随意 size=6 style="COLOR: #00ff00; FILTER: shadow(color=apar); FONT-SIZE: 35pt; LINE-HEIGHT: 100%; WIDTH: 100%">精品贴图</FONT> <br><P align=center><FONT size=+0><TEXTAREA cols=50 rows=7>此特效代码如下：<FONT style="FONT-SIZE: 35pt; FILTER: shadow(color=apar); WIDTH: 100%; COLOR: #00ff00; LINE-HEIGHT: 100%" face=汉鼎繁随意 size=6>精品贴图区</FONT></TEXTAREA> <br><P align=center><MARQUEE direction=right height=50 width=250><IMG SRC="http://images.5460.net/data2/bbs/00/13/43//460846.gif"><FONT color=#ff0000 face=隶书 size=7>跑动<IMG SRC="http://images.5460.net/data2/bbs/00/13/43//460846.gif"></FONT></MARQUEE></FONT><MARQUEE height=50 width=250><IMG SRC="http://images.5460.net/data2/bbs/00/13/43//460846.gif"><FONT color=#ff0000 face=隶书 size=7>跑动<IMG SRC="http://images.5460.net/data2/bbs/00/13/43//460846.gif"></FONT></MARQUEE><P align=center><FONT size=+0><TEXTAREA cols=50 rows=8>此特效代码如下：<MARQUEE direction=right width=250 height=50><FONT face=隶书 color=#ff0000 size=7>跑动</FONT></MARQUEE></FONT><MARQUEE width=250 height=50><FONT face=隶书 color=#ff0000 size=7>跑动</FONT></MARQUEE><br></TEXTAREA> <br><P align=center><FONT color=#3333cc style="FILTER: blur(add=1, direction=45,strength=10); FONT-SIZE: 70px; FONT-WEIGHT: bolder; POSITION: relative; WIDTH: 450px">精彩人生</FONT> <br><br><br><br><P align=center><FONT size=+0><TEXTAREA cols=50 rows=6>此特效代码如下：<FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 70px; FILTER: blur(add=1, direction=45,strength=10); WIDTH: 450px; POSITION: relative" color=#3333cc>精彩人生</FONT></TEXTAREA> <br><P align=center><FONT style="COLOR: red; FILTER: alpha(opacity=100,style=3); FONT-FAMILY: 华文行楷; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>滤镜让你更精彩</B></FONT> <br><P align=center><FONT size=+0><TEXTAREA cols=50 rows=15>此特效代码如下：<FONT style="FONT-SIZE:30pt;filter:alpha(opacity=100,style=3);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>滤镜1</B></FONT>                                                                                        Alpha滤镜：从效果中我们可以看出，Alpha滤镜使对象呈渐变透明的效果，其效果是由脚本中的filter:alpha(opacity=100,style=3)来决定的。其中：opacity属性：设置透明度，取值0至100之间的任意数值，100表示完全不透明；style属性：设置渐变风格，0表示均匀渐变，1表示线性渐变，2表示放射渐变，3表示直角渐变。而width:100%则表示参与渐变的对象的宽度，通常都设置为100%<br></TEXTAREA><br><P align=center><FONT style="COLOR: red; FILTER: blur(add=1,direction=30,strength=5); FONT-FAMILY: 华文行楷; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>愿你喜欢它</B></FONT> <br><br><br><br><P align=center><FONT size=+0><TEXTAREA cols=50 rows=7>此特效代码如下：<FONT style="FONT-SIZE:30pt;filter:blur(add=1,direction=30,strength=5);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>愿你喜欢它</B></FONT></TEXTAREA> <br><P align=center><FONT style="COLOR: red; FILTER: wave(add=0,lightstrength=50,strength=4,freq=2,phrase=30); FONT-FAMILY: 华文行楷; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>学会了吗?</B></FONT> <br><P align=center><FONT size=+0><TEXTAREA cols=50 rows=10>此特效代码如下：<FONT style="FONT-SIZE:30pt;filter:wave(add=0,lightstrength=50,strength=4,freq=2,phrase=30);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>学会了吗?</B></FONT></TEXTAREA> <br><P align=center><FONT style="COLOR: red; FILTER: glow(color=gray,strength=4); FONT-FAMILY: 华文行楷; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>又一种滤镜</B></FONT> <br><P align=center><FONT size=+0><TEXTAREA cols=50 rows=7>此特效代码如下：<FONT style="FONT-SIZE:30pt;filter:glow(color=gray,strength=4);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>又一种滤镜</B></FONT></TEXTAREA> <br><P align=center><FONT style="COLOR: red; FILTER: FlipV(color=silver); FONT-FAMILY: 华文行楷; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>倒影效果</B></FONT> <br><P align=center><FONT style="COLOR: red; FILTER: FlipH(color=silver); FONT-FAMILY: 华文行楷; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>果效影倒</B></FONT></P><P align=center><FONT size=+0><TEXTAREA cols=50 rows=13>此特效代码如下：<p align=CENTER><FONT style="FONT-SIZE:30pt;filter:FlipV(color=silver);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>倒影效果</B></FONT><br><p align=CENTER><FONT style="FONT-SIZE:30pt;filter:FlipH(color=silver);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>果效影倒</B></FONT></TEXTAREA> <br><P align=center></P><DIV style="COLOR: red; FILTER: glow(color=ffff00, strength=5); FONT-FAMILY: Arial; FONT-SIZE: 32pt; POSITION: relative; WIDTH: 350px">圈边的字</DIV></DIV><P align=center><FONT size=+0><TEXTAREA cols=50 rows=6>此特效代码如下：<CENTER><br><DIV style="FONT-SIZE: 32pt; FILTER: glow(color=ffff00, strength=5); WIDTH: 350px; COLOR: red; FONT-FAMILY: Arial; POSITION: relative">圈边的字</DIV></DIV><BR></TEXTAREA> <br><CENTER><DIV style="COLOR: red; FILTER: dropshadow(color=000000, offx=3, offy=3, positive=1); FONT-FAMILY: Arial; FONT-SIZE: 32pt; POSITION: relative; WIDTH: 350px">右阴影的字</DIV><DIV></DIV><P align=center><FONT size=+0><TEXTAREA cols=50 rows=5>此特效代码如下：<CENTER><br><DIV style="FONT-SIZE: 52pt; FILTER: dropshadow(color=000000, offx=3, offy=3, positive=1); WIDTH: 350px; COLOR: red; FONT-FAMILY: Arial; POSITION: relative">右阴影的字</DIV></DIV><BR></TEXTAREA> <br><P align=center><TABLE background=http://bbs.sbrw.org/UploadFile/2004-6/2004626171411674.gif cellPadding=0 cellSpacing=0><TR><TD style="FILTER: chroma(color=#336699)"><TABLE align=center bgColor=#83072d><TR><TD><FONT color=#336699 face=华文琥珀 size=6><B>你好棒！</B></FONT></TD></TR></TABLE></TD></TR></TABLE></CENTER><DIV></DIV><P align=center><FONT size=+0><TEXTAREA cols=50 rows=10>此特效代码如下：<CENTER><br><TABLE cellSpacing=0 cellPadding=0 background=http://bbs.sbrw.org/UploadFile/2004-6/2004626171411674.gif><br><TBODY><TR><TD style="FILTER: chroma(color=#336699)"><br><TABLE align=center bgColor=#83072D><TBODY><TR><br><TD><FONT face=华文琥珀 color=#336699 size=6><B>你好棒！</B></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></CENTER><BR></DIV><br><BR></TEXTAREA> <br><P align=center><FONT face=华文行楷 style="COLOR: #e7d5cf; FONT-SIZE: 37pt; HEIGHT: 50px; WIDTH: 220px"><FONT style="COLOR: red; FONT-SIZE: 27pt; HEIGHT: 10px; WIDTH: 220px"><IMG SRC="http://images.5460.net/data2/bbs/00/13/43//460846.gif">倒影<IMG SRC="http://images.5460.net/data2/bbs/00/13/43//460846.gif"></FONT> </FONT><P align=center>　<FONT face=华文行楷 style="COLOR: #e7d5cf; FONT-SIZE: 37pt; HEIGHT: 50px; WIDTH: 220px"> <br><P align=center><FONT style="COLOR: #e7d5cf; FONT-SIZE: 27pt; HEIGHT: 10px; WIDTH: 220px"><FONT id=ew style="COLOR: red; FILTER: wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv(); FONT-SIZE: 27pt; HEIGHT: 10px; WIDTH: 220px"><IMG SRC="http://images.5460.net/data2/bbs/00/13/43//460846.gif">倒影<IMG SRC="http://images.5460.net/data2/bbs/00/13/43//460846.gif"></FONT></FONT></P></FONT><P align=center><FONT size=+0><TEXTAREA cols=50 rows=20>此特效代码如下：<P align=center><FONT face=华文行楷 style="COLOR: #e7d5cf; FONT-SIZE: 37pt; HEIGHT: 50px; WIDTH: 220px"><FONT style="COLOR: RED; FONT-SIZE: 27pt; HEIGHT: 10px; WIDTH: 220px">倒影</FONT> </FONT><br><P align=center>　<FONT face=华文行楷 style="COLOR: #e7d5cf; FONT-SIZE: 37pt; HEIGHT: 50px; WIDTH: 220px"> <br><P align=center><FONT style="COLOR: #e7d5cf; FONT-SIZE: 27pt; HEIGHT: 10px; WIDTH: 220px"><FONT id=ew style="COLOR:RED; FILTER: wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv(); FONT-SIZE: 27pt; HEIGHT: 10px; WIDTH: 220px">倒影</FONT></FONT></P></FONT><br><BR></TEXTAREA> <br><DIV align=center><IMG SRC="http://images.5460.net/data2/bbs/00/13/43//460846.gif">                                             <IMG SRC="http://images.5460.net/data2/bbs/00/13/43//460846.gif"></DIV></FONT></FONT></FONT></FONT></FONT></FONT></FONT></FONT></FONT></FONT></FONT></FONT></FONT></FONT></FONT></FONT></FONT></FONT></FONT></FONT></FONT></FONT></B></FONT></TD></TR></TABLE><CENTER></CENTER></DIV></TD></TR></TABLE><CENTER></CENTER><P align=center><FONT style="FONT-SIZE: 26pt" face=华文行楷 color=#cc0000><B><EM>精品贴图区</EM></B></FONT></p><br><P align=center><FONT style="LINE-HEIGHT: normal" face=隶书 color=#0000ff size=5>飛飛收集整理，希望你喜欢</font></P></DIV></TD></TR></TABLE></DIV></TD></TR></TABLE></DIV></TD></TR></TABLE></CENTER></DIV></TD></TR></TABLE></CENTER></DIV></TD></TR></TABLE></CENTER></DIV></TD></TR></TABLE></CENTER></DIV></TD></TR></TABLE></DIV></TD></TR></TABLE></center><br><br><br><center><TABLE borderColor=#ff00ff cellSpacing=20 cellPadding=0 width="900" align=center background=http://www.leiyu668.com/images/bj/bjj/074.jpg border=1><TR><TD width="100%"><P><FONT>　　<FONT color=#ff0000>一、移动字体（字幕）基础<br><br>大家注意：可以结合上面的艺术文字部分使用，只是将“文字部分”全部用上面的文字代码替代！同时，图片也可以这样制作，只是注意高度和宽度要大于等于你的图片尺寸，可以试试。</FONT></P><P><FONT color=#000000><P><FONT color=#000000>　　　　代码：</P><P><center><TEXTAREA rows=5 cols=50><marquee direction="方向" scrolldelay="延迟" scrollamount="移动量" behavior="alternate" align="对齐" width="宽度" height="高度" loop="8"bgcolor="#000000">你的文字部分</marquee></TEXTAREA></FONT></center></P><P><FONT color=#000000>　　　　注释：</FONT></P><P><FONT color=#000000>　　（１）标签marquee：大帐篷，字幕。</FONT></P><P><FONT>　　（２）direction：方位，设置移动的方向。可取值up(向上)、down(向下)、left(向左)、right(向右)，默认值left(向左)。</FONT></P><P><FONT>　　（3）scrolldelay：移动延迟，以毫秒为单位，设置移动的延迟时间，默认值为90毫秒。</FONT></P><P><FONT>　　（4）scrollamount：移动量，设置移动的数量、速度。数量越大、速度越快。</FONT></P><P><FONT>　　（５）behavior：表现，设置移动的表现方式、效果。默认值</FONT><FONT>scroll（一次次循环），可取值：</FONT></P><P><FONT>　　　　scroll：移动。滚动条效果，一次一次循环重复。<br>　　　　slide：滑动。幻灯片效果，只播放一次。<br>　　　　alternate：交替发生。交替循环，来回走动。</FONT></P><P><FONT>　　（６）align：对齐方式，可取值top(顶边对齐)、middle（垂直居中）、bottom（底边对齐），默认值top(顶边对齐)。</FONT></P><P><FONT>　　（７）width：宽。设定移动区域的宽度。可取值绝对值像素、相对值百分比，默认值为上一级区域的宽度。</FONT></P><P><FONT>　　（８）height：高。设定移动区域的高度。可取值绝对值像素、相对值百分比，默认值为字移动范围内的字体整体高度。</FONT></P><P><FONT>　　（９）loop：循环。设置移动的次数，默认值为无限循环。</FONT></P><P><FONT>　　（10）bgcolor：背景颜色。设置移动区域的背景颜色，默认为透明。</FONT></P><br><br><FONT color=#ff0000>二、移动字体（字幕）实例</FONT></FONT></P><P><FONT color=#000000>　　１、滚动条：</FONT></P><P align=center><FONT color=#ff0000 size=5><B><MARQUEE width=300 height=30>☆欢迎您到精品贴图来☆</MARQUEE></B></FONT></P><P>　　　<FONT>代码：<TEXTAREA rows=5 cols=60><marquee width="300" height="30">☆欢迎您到精品贴图来☆</marquee></TEXTAREA></FONT></P><P><FONT>　　2、来回走动：</FONT></P><P align=center><FONT color=#ff0000 size=5><B><MARQUEE direction=right behavior=alternate width=400 height=30>☆欢迎您到精品贴图来☆</MARQUEE></B></FONT></P><P><FONT>　　　代码：<TEXTAREA rows=5 cols=60><marquee behavior="alternate" width="400" height="30"</FONT><FONT> direction="right"</FONT><FONT>>☆欢迎您到精品贴图来☆</marquee></TEXTAREA></FONT></P><P>　　<FONT>３、幻灯片：</FONT></P><P align=center><B><FONT color=#ff0000 size=5><MARQUEE behavior=slide width=400 height=30>☆欢迎您到精品贴图来☆</MARQUEE></FONT></B></P><P><FONT>　　　代码：<TEXTAREA rows=5 cols=60><marquee behavior="slide" width="400" height="30">☆欢迎您到精品贴图来☆</marquee></TEXTAREA></FONT></P><P><FONT>　　４、走走停停：</FONT></P><P align=center><FONT color=#ff0000 size=5><B><MARQUEE scrollAmount=10 scrollDelay=300 behavior=alternate width=400 height=30>☆欢迎您到精品贴图来☆</MARQUEE></B></FONT></P><P><FONT>　　　代码：<TEXTAREA rows=5 cols=60><marquee behavior="alternate" width="400" height="30" scrollamount="10" scrolldelay="300">☆欢迎您到精品贴图来☆</marquee></TEXTAREA></FONT></P><P><FONT>　　５、字体飞翔＊</FONT></P><P align=center><B><MARQUEE scrollAmount=5 direction=up behavior=alternate width=400 height=150><MARQUEE scrollAmount=2 behavior=altrnate width=400><FONT face=楷体_gb2312 color=red size=6>精品贴图宝典</FONT></MARQUEE></MARQUEE></B></P><P><FONT>　　　代码：</FONT></P><P align=center><TEXTAREA rows=5 cols=60><MARQUEE behavior=alternate direction=up height=150 scrollAmount=5 width="400"><MARQUEE behavior=altrnate scrollAmount=2 width=400><FONT color=red face=楷体_gb2312 size=6>精品贴图宝典</FONT></MARQUEE></marquee></TEXTAREA></P><P>　</P><P>　</P><P><FONT>　　６、分割镜像：</FONT></P><P><FONT>　　　注释：二个字幕的宽度不能大于或等于上一级区域的宽度；<br>　　　　　　后一个字幕的字、书出顺序必须相反。</FONT></P><P align=center><B><FONT face=华文行楷 color=#ee110e size=7><MARQUEE width=200 height=50>精品贴图宝典</MARQUEE></FONT></B><FONT face=华文行楷 color=#ee1111 size=7><B><MARQUEE direction=right width=200 height=50>典宝图贴品精</MARQUEE></B></FONT></P><P align=left><FONT face=宋体>　　　代码：</FONT></P><P align=center><TEXTAREA rows=5 cols=50><FONT face=华文行楷 color=#ee110e size=7><b><MARQUEE direction=left width=200 height=50>精品贴图宝典</MARQUEE></b></FONT><br>    <FONT face=华文行楷 color=#ee1111 size=7><b><MARQUEE direction=right width=200 height=50>典宝图贴品精</MARQUEE></b></FONT></TEXTAREA></P><P align=center><FONT face=华文行楷 color=#ff0000 size=7><MARQUEE direction=right width=200 height=50>贴图乐园</MARQUEE><MARQUEE width=200 height=50>园乐图贴</MARQUEE></FONT></P><P align=left><FONT>　　　代码：</FONT></P><P align=center><TEXTAREA rows=5 cols=50><P align=center><FONT face=华文行楷 color=#ff0000 size=7><br>    <MARQUEE direction=right width=200 height=50>贴图乐园</marquee><br>    <MARQUEE direction=left width=200 height=50>园乐图贴</marquee></FONT></p></TEXTAREA> <br><P align=center><FONT face=华文行楷 color=#ff0000 size=6><MARQUEE scrollAmount=2 direction=down width=400 height=60>欢迎光临精品贴图！</MARQUEE><MARQUEE scrollAmount=2 direction=up width=400 height=60>欢迎光临精品贴图！</MARQUEE></FONT><P><FONT color=#000000>　　　　代码：</FONT> <br><P align=center><TEXTAREA rows=5 cols=50><P align=center><font color="#FF0000" size="6" face="华文行楷"><br><MARQUEE scrollAmount=2 direction=down height=60 width=400>欢迎光临精品贴图！</MARQUEE><br><MARQUEE scrollAmount=2 direction=up height=60 width=400>欢迎光临精品贴图！</MARQUEE></font><P></TEXTAREA> <br><P align=center><FONT face=华文行楷 color=#ff0000 size=6><MARQUEE scrollAmount=2 direction=up width=400 height=60>欢迎光临唯美贴图！</MARQUEE><MARQUEE scrollAmount=2 direction=down width=400 height=60>欢迎光临精品贴图！</MARQUEE></FONT><P><FONT color=#000000>　　　　代码：</FONT> <br><P align=center><TEXTAREA rows=5 cols=50><P align=center><font color="#FF0000" size="6" face="华文行楷"><br><MARQUEE scrollAmount=2 direction=up height=60 width=400>欢迎光临精品贴图！</MARQUEE><br><MARQUEE scrollAmount=2 direction=down height=60 width=400>欢迎光临精品贴图！</MARQUEE></font><P></TEXTAREA> <br><P>　　<FONT>７、同进同出</FONT></P><P align=center><FONT face=华文彩云 color=#ff0000 size=5><B><MARQUEE scrollAmount=2 width=60 height=60 align="center" scrolldely="10"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#ff0000>大</FONT></MARQUEE><MARQUEE scrollAmount=2 width=60 height=60 align="center" scrolldely="10"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#ff0000>家</FONT></MARQUEE><MARQUEE scrollAmount=2 width=60 height=60 align="center" scrolldely="10"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#ff0000>好</FONT></MARQUEE></B></FONT></P><P>　　　<FONT>代码：</FONT></P><P align=center><TEXTAREA rows=5 cols=50><P align=center><br>    <MARQUEE scrollAmount=2 width=60 height=60 align="center" scrolldely="10"><br>    <FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#ff0000>大</FONT></MARQUEE><br>    <MARQUEE scrollAmount=2 width=60 height=60 align="center" scrolldely="10"><br>    <FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#ff0000>家</FONT></MARQUEE><br>    <MARQUEE scrollAmount=2 width=60 height=60 align="center" scrolldely="10"><br>    <FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#ff0000>好</FONT></MARQUEE></p></TEXTAREA> <br><P align=left>　　<FONT>８、字体跳舞＊</FONT> <br><P align=center><MARQUEE scrollAmount=5 direction=right behavior=alternate><FONT color=red size=6><B><MARQUEE direction=up behavior=alternate width=40 height=60>字</MARQUEE><MARQUEE direction=up behavior=alternate width=40 height=80>跳</MARQUEE><MARQUEE direction=up behavior=alternate width=40 height=60>舞</MARQUEE></B></FONT></MARQUEE><P>　　　<FONT>代码：</FONT> <br><P align=center><TEXTAREA rows=5 cols=50><MARQUEE scrollAmount=5 direction=right behavior=alternate><FONT color=red size=6><B><MARQUEE direction=up behavior=alternate width=40 height=60>字</MARQUEE><MARQUEE direction=up<br>    behavior=alternate width=40 height=80>跳</MARQUEE><MARQUEE direction=up behavior=alternatewidth=40 height=60>舞</MARQUEE></b></font></marquee></TEXTAREA></P><P align=center><MARQUEE scrollAmount=5 direction=right behavior=alternate><FONT face=华文行楷 size=12><B><FONT color=red></FONT><MARQUEE direction=up behavior=alternate width=60 height=120>亲</MARQUEE><FONT color=yellow><MARQUEE direction=up behavior=alternate width=60 height=100>爱</MARQUEE></FONT><FONT color=brown><MARQUEE direction=up behavior=alternate width=60 height=120>的</MARQUEE></FONT><FONT color=green><MARQUEE direction=up behavior=alternate width=60 height=100>朋</MARQUEE></FONT><FONT color=orange><MARQUEE direction=up behavior=alternate width=60 height=120>友</MARQUEE></FONT><FONT color=yellow><MARQUEE direction=up behavior=alternate width=60 height=100>您</MARQUEE></FONT><FONT color=orange><MARQUEE direction=up behavior=alternate width=60 height=120>好</MARQUEE></FONT></B></FONT></MARQUEE></P><P align=left><FONT>　　　代码：</FONT></P><P align=center><TEXTAREA rows=5 cols=50><P align=center><MARQUEE scrollAmount=5 direction=right behavior=alternate><font size="12" face="华文行楷"><b><br><font color="red"><br><MARQUEE direction=up behavior=alternate width=60 height=120>亲</MARQUEE></font><FONT color=yellow><br><MARQUEE direction=up behavior=alternate width=60 height=100>爱</MARQUEE></FONT><FONT color=brown><br><MARQUEE direction=up behavior=alternate width=60 height=120>的</MARQUEE></FONT><FONT color=green><br><MARQUEE direction=up behavior=alternate width=60 height=100>朋</MARQUEE></FONT><FONT color=orange><br><MARQUEE direction=up behavior=alternate width=60 height=120>友</MARQUEE></FONT><FONT color=yellow><br><MARQUEE direction=up behavior=alternate width=60 height=100>您</MARQUEE></FONT><FONT color=orange><br><MARQUEE direction=up behavior=alternate width=60 height=120>好</MARQUEE></FONT></marquee></b></font></p></TEXTAREA></P></TD></TR></TABLE><P align=center><FONT face=楷体_GB2312 color=#ff0033 size=6>高级篇</FONT></P><P align=center><TABLE borderColor=#ff00ff cellSpacing=50 cellPadding=0 width="900" align=center background=http://www.leiyu668.com/images/bj/bjj/074.jpg border=1><TR><TD width="100%"><P align=center><FONT style="FONT-SIZE: 30pt; FILTER: glow(color=#DAA520,strength=4); WIDTH: 100%; COLOR: #0000ff; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷">透明flash及GIF动画的使用<BR></FONT></p><br><br>我个人将这个技术划分为框架定位和浮动定位。<br><br><p><FONT face=隶书 color=#ff0000 size=+2>框架定位</FONT><br><br>首先我来介绍第一种，在表格框架内加入flash，注意，做法的精髓在于图片做背景，flash叠加在上面！！前面我已经介绍了如何使用多层表格得到带有框架的页面，这里就不做介绍了。在嵌入flsah前，有两个准备工作：<br>1、找到合适的图片，图片不要太大，因为一旦使用背景，图片大小不能改变！一般宽度在480～640之间最合适。<br>2、找到合适的flash，这个比较重要，第一，flash必须是透明的，这个在很多网站有素材，可以搜索，或者看其他人的网页，注意保留flash的类型和地址。第二，必须和你的图片很好的搭配才体现出美。下面举例说明如何使用。<br><br>例如，我找到的这张图片是宽度＝617，高度＝424的（看图片属性的时候有显示），那么我的表格就做617×424的，比如：height=424 width=617。然后，图片上有湖泊，而且面积和大，那么选用下雨模式的透明FLASH就很好了，同时，我们在加入flsah的时候要给出flash的大小最好，大小的确定要取决于背景图片，不要比图片大，小一点就可以，例如这里取height=410 width=600就合适了。<br>代码如下：你可以直接拷贝使用，需要改动的是图片地址，宽度、高度，flash的地址、宽度、高度。<P align=center><TEXTAREA rows=8 cols=50><P align=center><TABLE borderColor=#009900 height=424 cellSpacing=2 width=617 align=center background=http://img.pconline.com.cn/images/images/upload/bbs/2005/4/26/1/3/122/125/153/16/1114451581200457.jpg border=10><TR><TD><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.forshine.net/flash/6.swf width=600 height=410 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high"></TD></TR></TABLE></TEXTAREA></P><br>效果如下：<br><P align=center><TABLE borderColor=#009900 height=424 cellSpacing=2 width=617 align=center background=http://img.pconline.com.cn/images/images/upload/bbs/2005/4/26/1/3/122/125/153/16/1114451581200457.jpg border=10><TR><TD><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.forshine.net/flash/6.swf width=600 height=410 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high"></TD></TR></TABLE></p><br>再来一个多层表格加多flash（光环加蝴蝶）的范例，代码如下：<P align=center><TEXTAREA rows=8 cols=50><P align=center><TABLE borderColor=#80000 cellPadding=8 background=http://bbs.xxjy.net/mtk/bj/158.gif border=0><TR><TD><TABLE borderColor=#0000 cellSpacing=5 cellPadding=5 width="100%" background=http://bbs.xxjy.net/mtk/bj/158.gif border=0><TR><TD><TABLE borderColor=#808080 cellPadding=2 width="100%" background=http://wanruo.jahee.com/jpsc/bj/a105.gif border=0><TR><TD><TABLE borderColor=#0000 cellSpacing=0 width="100%" background=http://wanruo.jahee.com/jpsc/bj/a105.gif border=1><TR><TD><TABLE height=380 cellSpacing=0 cellPadding=0 width=550 align=center background=http://www.hysun.com/dvb/UploadFile/2005-5/200552112321984.gif border=0><TR><TD><EMBED align=right src=http://hx66.net/jpsc/flash3/032.swf width=480 height=400 type=application/octet-stream wmode="transparent" quality="high" ;;><EMBED align=right src=http://hx66.net/jpsc/flash/24.swf width=480 height=350 type=application/octet-stream wmode="transparent" quality="high" ;;></TD></TR></TABLE></CENTER><CENTER></CENTER></TD></TR></TABLE></DIV></TD></TR></TABLE></DIV></TD></TR></TABLE></DIV></TD></TR></TABLE></TEXTAREA></P><br>效果如下：<br><P align=center><TABLE borderColor=#80000 cellPadding=8 background=http://bbs.xxjy.net/mtk/bj/158.gif border=0><TR><TD><TABLE borderColor=#0000 cellSpacing=5 cellPadding=5 width="100%" background=http://bbs.xxjy.net/mtk/bj/158.gif border=0><TR><TD><TABLE borderColor=#808080 cellPadding=2 width="100%" background=http://wanruo.jahee.com/jpsc/bj/a105.gif border=0><TR><TD><TABLE borderColor=#0000 cellSpacing=0 width="100%" background=http://wanruo.jahee.com/jpsc/bj/a105.gif border=1><TR><TD><TABLE height=380 cellSpacing=0 cellPadding=0 width=550 align=center background=http://www.hysun.com/dvb/UploadFile/2005-5/200552112321984.gif border=0><TR><TD><EMBED align=right src=http://hx66.net/jpsc/flash3/032.swf width=480 height=400 type=application/octet-stream wmode="transparent" quality="high" ;;><EMBED align=right src=http://hx66.net/jpsc/flash/24.swf width=480 height=350 type=application/octet-stream wmode="transparent" quality="high" ;;></TD></TR></TABLE></CENTER><CENTER></CENTER></TD></TR></TABLE></DIV></TD></TR></TABLE></DIV></TD></TR></TABLE></DIV></TD></TR></TABLE></p><br><br><br><FONT face=隶书 color=#ff0000 size=+2>浮动定位</FONT><br><br>这里关系到style的技术，很多朋友没有这方面的知识，讲解起来就很麻烦，所以我这里介绍简单的操作，办法仍然是拷贝模板，自己设计。先看代码：style="LEFT: 10px; WIDTH: 900px; POSITION: absolute; TOP: 3200px; HEIGHT: 580px"，想必那些英文单词我不用介绍了，大家全懂，就是定位和定义大小的，那么数值是什么概念呢？大家知道自己的计算机屏幕是1024×768，这个数值和上面语句的数值是一个单位，所以，根据你屏幕的位置，甚至下拉屏幕后大概的位置，你可以定义动画的近似位置，这个很难，主要是难以一次定位准确，即便测设结果也是有误差的，左右误差小，但是上下误差相对大，办法是跟贴测试，多实验几次就能做好。另外，这种定位代码可以加在你要贴如的GIF动画的代码内部，全部代码可以在你帖子代码的任何位置，习惯上我们放在后面。下面我定位一个蓝色小精灵在屏幕左上方。<br>效果可以看屏幕。代码如下：<br><br><P align=center><TEXTAREA rows=8 cols=50><EMBED style="LEFT: 10px; WIDTH: 300px; POSITION: absolute; TOP: -100px; HEIGHT: 650px" align=left src=http://yooyijin.go.51.net/001/gril003.swf width=300 height=600 type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED></TEXTAREA></P><EMBED style="LEFT: 10px; WIDTH: 300px; POSITION: absolute; TOP: -100px; HEIGHT: 650px" align=left src=http://yooyijin.go.51.net/001/gril003.swf width=300 height=600 type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED><br>再来一个烟火效果在屏幕中间。代码如下：<br><br><P align=center><TEXTAREA rows=8 cols=50><EMBED style="LEFT: 10px; WIDTH: 900px; POSITION: absolute; TOP: 5200px; HEIGHT: 580px" align=left src=http://www.leiyu668.com/flash/TMF/151.swf width=900 height=580 type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED></TEXTAREA></P><EMBED style="LEFT: 10px; WIDTH: 900px; POSITION: absolute; TOP: 5200px; HEIGHT: 580px" align=left src=http://www.leiyu668.com/flash/TMF/151.swf width=900 height=580 type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED><br><br><FONT face=隶书 color=#ff0000 size=+2>隐藏音乐</FONT><br><br>很多朋友问我为什么帖子听到音乐却没有播放器，这个很简单，我给出代码，大家只需要改掉音乐的地址就可以了，代码放在帖子的最后就完成了。<br>代码如下：<br><br><P align=center><TEXTAREA rows=5 cols=50><EMBED height=128 hidden=true src=http://vod.qhxx.cn/UploadFile/2005-4/20054194846173.mp3 type=audio/mpeg width=128 autostart="true" loop="true"></TEXTAREA></P><br><P align=center><FONT face=隶书 color=#ff0000 size=+2>飛飛收集制作</FONT></p></TD></TR></TABLE>
</TD></TR></TABLE></span>

[ Last edited by 飛飛 on 2005-7-8 at 10:24 ]

飛飛 发表于 2005-7-6 13:29:04

为了避免混乱，我就不显示代码特效效果
用的时候把以下代码COPY过去即可

满屏蓝雪飘
<EMBED style="LEFT: 50px; WIDTH: 700px; POSITION: absolute; TOP: 80px; HEIGHT: 1200px" align=center src=http://lain1978.com/collection/flash/005.swf width=650 height=1200 type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED>

[ Last edited by 飛飛 on 2005-7-8 at 10:26 ]

飛飛 发表于 2005-7-6 13:29:48

流光溢彩
<EMBED style="LEFT: 4px; WIDTH: 1000px; POSITION: absolute; TOP: 6527px; HEIGHT: 600px" align=right src=http://hlm.nease.net/swf/red/cloud.swf width=906 height=452 type=application/octet-stream wmode="transparent" quality="high" ;;><EMBED style="LEFT: -4px; WIDTH: 1000px; POSITION: absolute; TOP: 5554px; HEIGHT: 600px" align=right src=http://hlm.nease.net/swf/red/cloud.swf width=967 height=452 type=application/octet-stream wmode="transparent" quality="high" ;;><EMBED style="LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 450px; HEIGHT: 600px" align=right src=http://hlm.nease.net/swf/red/cloud.swf width=909 height=452 type=application/octet-stream wmode="transparent" quality="high" ;;><EMBED style="LEFT: -289px; WIDTH: 1000px; POSITION: absolute; TOP: 4960px; HEIGHT: 600px" align=right src=http://hlm.nease.net/swf/red/cloud.swf width=1203 height=452 type=application/octet-stream wmode="transparent" quality="high" ;;>

查看完整版本: [贴图公式(教你编辑漂亮图片)]+[HTML中/高级教程在389楼处]