音画制作-html成品代码--(一学就会) - 浪漫雨季 - 浪漫雨季

载入中

自定义HTML载入中...

快速链接

音画制作-html成品代码--(一学就会) [原创 2007-11-15 14:14:38]

边框：
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/p2background.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><CENTER><TABLE cellSpacing=8 cellPadding=10 width=450 background=http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0153.gif border=0><TR><TD>加入内容</TD></TR></TABLE></CENTER></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>
加入图片代码：

一、单纯的一张图片
<P align=center><IMG src=http://photo9.hexun.com/p/2007/1115/145609/b_CF833A62586463475D5E6541EBFFAFA8.jpg></P>
二、加框有一层FLASH的图片
<TABLE height=300 cellSpacing=0 cellPadding=0 width=400 background=http://photo9.hexun.com/p/2007/1115/145609/b_CF833A62586463475D5E6541EBFFAFA8.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://photo9.hexun.com/p/2007/1115/145609/b_CF833A62586463475D5E6541EBFFAFA8.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://photo9.hexun.com/p/2007/1115/145609/b_CF833A62586463475D5E6541EBFFAFA8.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="<a href="http://www.itsqq.com/bbs/<a%20target=_blank%20href=http://www.52050.com/>http://www.52050.com/</a><a%20target=_blank%20href=http://www.yyltz.com/bbs/%20target="_blank"%20%20target="_blank"%20><A%20HREF="http://www.yyltz.com/bbs/"%20TARGET=_blank>http://www.yyltz.com/bbs/</A></a><a%20target=_blank%20href=http://znrs.2000y.net/%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20><A%20HREF="http://znrs.2000y.net/"%20TARGET=_blank>http://znrs.2000y.net/</A></a><a%20target=_blank%20href=http://forum.xicn.net/uploadFile/2004/05/29/43akqeHuYd214718bingchuan4.jpg%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20><A%20HREF="http://forum.xicn.net/uploadFile/2004/05/29/43akqeHuYd214718bingchuan4.jpg"%20TARGET=_blank>http://forum.xicn.net/uploadFile/2004/05/29/43akqeHuYd214718bingchuan4.jpg</A></a>"%20target="_blank"%20></P">http://photo9.hexun.com/p/2007/1115/145609/b_CF833A62586463475D5E6541EBFFAFA8.jpg"></P>
<P align=center><IMG src="<a href="http://www.itsqq.com/bbs/<a%20target=_blank%20href=http://www.52050.com/>http://www.52050.com/</a><a%20target=_blank%20href=http://www.yyltz.com/bbs/%20target="_blank"%20%20target="_blank"%20><A%20HREF="http://www.yyltz.com/bbs/"%20TARGET=_blank>http://www.yyltz.com/bbs/</A></a><a%20target=_blank%20href=http://znrs.2000y.net/%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20><A%20HREF="http://znrs.2000y.net/"%20TARGET=_blank>http://znrs.2000y.net/</A></a><a%20target=_blank%20href=http://forum.xicn.net/uploadFile/2004/05/29/DLSKfBs53V215623bingchuan4.jpg%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20><A%20HREF="http://forum.xicn.net/uploadFile/2004/05/29/DLSKfBs53V215623bingchuan4.jpg"%20TARGET=_blank>http://forum.xicn.net/uploadFile/2004/05/29/DLSKfBs53V215623bingchuan4.jpg</A></a>"%20target="_blank"%20></P">http://photo9.hexun.com/p/2007/1115/145609/b_CF833A62586463475D5E6541EBFFAFA8.jpg"></P>
<P align=center><IMG src="<a href="http://www.itsqq.com/bbs/<a%20target=_blank%20href=http://www.52050.com/>http://www.52050.com/</a><a%20target=_blank%20href=http://www.yyltz.com/bbs/%20target="_blank"%20%20target="_blank"%20><A%20HREF="http://www.yyltz.com/bbs/"%20TARGET=_blank>http://www.yyltz.com/bbs/</A></a><a%20target=_blank%20href=http://znrs.2000y.net/%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20><A%20HREF="http://znrs.2000y.net/"%20TARGET=_blank>http://znrs.2000y.net/</A></a><a%20target=_blank%20href=http://forum.xicn.net/uploadFile/2004/05/29/ZEd88baGsn215638bingchuan4.jpg%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20><A%20HREF="http://forum.xicn.net/uploadFile/2004/05/29/ZEd88baGsn215638bingchuan4.jpg"%20TARGET=_blank>http://forum.xicn.net/uploadFile/2004/05/29/ZEd88baGsn215638bingchuan4.jpg</A></a>"%20target="_blank"%20></P">http://photo9.hexun.com/p/2007/1115/145609/b_CF833A62586463475D5E6541EBFFAFA8.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://photo9.hexun.com/p/2007/1115/145609/b_CF833A62586463475D5E6541EBFFAFA8.jpg"></P>
<P align=center><IMG src="http://photo9.hexun.com/p/2007/1115/145609/b_CF833A62586463475D5E6541EBFFAFA8.jpg"></P>
<P align=center><IMG src="http://photo9.hexun.com/p/2007/1115/145609/b_CF833A62586463475D5E6541EBFFAFA8.jpg"></P>
<P align=center><IMG src="http://photo9.hexun.com/p/2007/1115/145609/b_CF833A62586463475D5E6541EBFFAFA8.jpg"></P>
<P align=center><IMG src="http://photo9.hexun.com/p/2007/1115/145609/b_CF833A62586463475D5E6541EBFFAFA8.jpg"></P>
<P align=center><IMG src="http://photo9.hexun.com/p/2007/1115/145609/b_CF833A62586463475D5E6541EBFFAFA8.jpg"></P>
<P align=center><IMG src="http://photo9.hexun.com/p/2007/1115/145609/b_CF833A62586463475D5E6541EBFFAFA8.jpg"></P>
<P align=center><IMG src="http://photo9.hexun.com/p/2007/1115/145609/b_CF833A62586463475D5E6541EBFFAFA8.jpg"></P>
<P align=center><IMG src="http://photo9.hexun.com/p/2007/1115/145609/b_CF833A62586463475D5E6541EBFFAFA8.jpg"></P>
<P align=center><IMG src="http://photo9.hexun.com/p/2007/1115/145609/b_CF833A62586463475D5E6541EBFFAFA8.jpg"></P></TD></TR></TBODY></TABLE></CENTER></MARQUEE></CENTER>
七：图片雾化效果：
(使用时必须去掉"HTML"旁边"自动修正"的钩.)
<CENTER><TABLE cellSpacing=0 cellPadding=0 width=400 background=http://photo9.hexun.com/p/2007/1115/145609/b_CF833A62586463475D5E6541EBFFAFA8.jpgborder=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=2)" width=400 background=http://photo9.hexun.com/p/2007/1115/145609/b_CF833A62586463475D5E6541EBFFAFA8.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="<a href="http://www.itsqq.com/bbs/<a%20target=_blank%20href=http://www.52050.com/>http://www.52050.com/</a><a%20target=_blank%20href=http://www.yyltz.com/bbs/%20target="_blank"%20%20target="_blank"%20><A%20HREF="http://www.yyltz.com/bbs/"%20TARGET=_blank>http://www.yyltz.com/bbs/</A></a><a%20target=_blank%20href=http://www.snsn.net/user/zn/%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20><A%20HREF="http://www.snsn.net/user/zn/"%20TARGET=_blank>http://www.snsn.net/user/zn/</A></a><a%20target=_blank%20href=http://www.smba-china.com/upload/upfile/2004430154320.gif%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20><A%20HREF="http://www.smba-china.com/upload/upfile/2004430154320.gif"%20TARGET=_blank>http://www.smba-china.com/upload/upfile/2004430154320.gif</A></a>"%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20><FONT">http://photo9.hexun.com/p/2007/1115/145609/b_CF833A62586463475D5E6541EBFFAFA8.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="<a href="http://www.itsqq.com/bbs/<a%20target=_blank%20href=http://www.52050.com/>http://www.52050.com/</a><a%20target=_blank%20href=http://www.yyltz.com/bbs/%20target="_blank"%20%20target="_blank"%20><A%20HREF="http://www.yyltz.com/bbs/"%20TARGET=_blank>http://www.yyltz.com/bbs/</A></a><a%20target=_blank%20href=http://www.snsn.net/user/zn/%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20><A%20HREF="http://www.snsn.net/user/zn/"%20TARGET=_blank>http://www.snsn.net/user/zn/</A></a><a%20target=_blank%20href=http://www.smba-china.com/upload/upfile/2004430154320.gif%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20><A%20HREF="http://www.smba-china.com/upload/upfile/2004430154320.gif"%20TARGET=_blank>http://www.smba-china.com/upload/upfile/2004430154320.gif</A></a>"%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20></P></FONT></FONT><BR">http://photo9.hexun.com/p/2007/1115/145609/b_CF833A62586463475D5E6541EBFFAFA8.jpg"></P></FONT></FONT><BR><BR>
九：图片向左右相反的方向移动的效果：
<MARQUEE http://photo9.hexun.com/p/2007/1115/145609/b_CF833A62586463475D5E6541EBFFAFA8.jpg"></MARQUEE>
<MARQUEE direction=right width=200 height=50><IMG src="http://photo9.hexun.com/p/2007/1115/145609/b_CF833A62586463475D5E6541EBFFAFA8.jpg"><IMG src="http://photo9.hexun.com/p/2007/1115/145609/b_CF833A62586463475D5E6541EBFFAFA8.jpg"><IMG src="http://photo9.hexun.com/p/2007/1115/145609/b_CF833A62586463475D5E6541EBFFAFA8.jpg"></MARQUEE><BR><BR>
加入背景音乐代码：width=200 height=50><IMG src="http://photo9.hexun.com/p/2007/1115/145609/b_CF833A62586463475D5E6541EBFFAFA8.jpg"><IMG src="http://photo9.hexun.com/p/2007/

<EMBED src=http://www.flamesky.org/raynal-onwer/asoka%20theme..wma.wma hidden=true type=audio/x-ms-wma LOOP="TRUE" AUTOSTART="TRUE"></EMBED>
所用元素：<EMBED></EMBED>
参数：
src：音乐文件的URL；
hidden：=true为不可见，=false反之；
type：指定音频类型；
LOOP：是否循环播放，注意其值置于小角双引号中；
AUTOSTART：是否自动播放，其值同上。

o(∩_∩)o..这样看是不是很简单了，您只需要更换红色图片地址和FLASH地址就可以了。

标签: 音画制作

分类: 音画制作

票数：

我顶

[收藏到我的网摘]

[推荐] | [评论] | [举报] | [打印]

点击数: 评论数:

本文章引用通告地址(TrackBack Ping URL)为:

本文章尚未被引用。

下一篇: 音画制作-新手上路学做帖图和边框

上一篇: 音画制作-HTML基本语言

发表评论