查看完整版本: [-- HTML音画代码详解 --]

武当休闲山庄 -> 音画教程 -> HTML音画代码详解 [打印本页] 登录 -> 注册 -> 回复主题 -> 发表主题

轩云 2009-03-15 20:51
HTML音画代码

大家在论坛看到的那些漂亮的贴图多是加了一些代码,这些代码就是HTML代码,一般来说你是不需要了解这些HTML代码的意义,但是,最简单的一些HTML代码是需要理解的,对调试特殊效果有帮助,这里我提供一些基本的HTML代码解释和使用方法。

一,文字的布局

1, 文字的大小;颜色及字体

<font size=4 color=#ff1493 face=新宋体> 你需要的文字 </font>

2, 行的控制

段(Paragraph) (可以看作是空行) <p>

例1: 你好吗?<p>很好。

你好吗?

很好。

换行 <br>

例2: 你好吗?<br>很好。

你好吗?
很好。

3,文字的对齐(Alignment)

<p align=#> ... ... </p>   #=left, center, right

<center> ... ... </center>

4,文字的分区(Division)显示

<div align=#> ... ... </div>  #=left, center, right

注解:

<P align=center>表示居中,<P align=left>表示居左,<P align=right>表示居右。

<div align=center>表示居中,<div align=left>表示居左,<div align=right>表示居右。


face=字体 常用字体为:宋体.黑体.楷体.仿宋.华文行楷.新宋体.华文新魏等

size=字体大小,这里的最大值为7 取值越大文字就越大

另一种贴法:

<font style=font:40pt face=新宋体 color=#ff0000>插入文字</font>

font:40pt 数值越大文字就越大。

color=颜色代码。


轩云 2009-03-15 20:52

二,如何贴图

1, 单张图片  

  代码如下:
<img src=http://www.eonet.ne.jp/~qingshuix/mobile/yj.jpg>

注明:多张图片连贴时,注意使用换行代码<p>或<br>


单张图片尺寸压缩用语

一张普通图片如下图:






尺寸压缩后如下图

代码如下:
<TABLE border=3>
<TBODY>
<TR>
<TD>
<IMG src="http://www.eonet.ne.jp/~qingshuix/mobile/yj.jpg" width=250 height=250> </TD></TR></TBODY></TABLE>

border为图片边框的尺寸,width和height则为图片的宽高,

这个尺寸可以随意调节,以图片美观,则大小适宜。


再一个就是--没有边框的:

代码如下:
<img src=http://www.eonet.ne.jp/~qingshuix/mobile/yj.jpg width=250>


轩云 2009-03-15 20:53

2, 背景图片代码:

<TABLE cellSpacing=10 cellPadding=10 width=550 align=center background=http://www.jqmbbs.com/jqm/UploadFile/2005-9/20059150273870819.gif border=5>
<TBODY>
<TR>
<TD>

.... 在这里输入你需要的文字或图片 ...

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

效果如下:










给图片外框增添颜色

代码如下:

<TABLE borderColor=#ff7f50 border=3>
<TBODY>
<TR>
<TD>
<IMG src="http://www.eonet.ne.jp/~qingshuix/mobile/yj.jpg">
</TD></TR></TBODY></TABLE>


比上面的尺寸压缩里多了个bordercolor="#FF7F50"

大家看到了么,这个就是边框颜色。

如果不要边框怎办,把border=0就行了。

文字在图片里居中







秋风秋雨迎秋致,

秋意秋韵宜秋君,

秋花秋蟹捎秋讯,

秋情秋果喜煞人。





代码如下:
<TABLE borderColor=#ff1493 cellSpacing=10 cellPadding=0 width=550 align=center background=http://www.jqmbbs.com/jqm/UploadFile/2005-9/20059150273870819.gif border=5>
<TBODY>
<TR>
<TD>
<BR><BR><BR><BR><BR><BR><BR><BR><BR>
<CENTER><FONT size=5 color=#d3d3d3>
秋风秋雨迎秋致,<BR><BR>秋意秋韵宜秋君,<BR><BR>
秋花秋蟹捎秋讯,<BR><BR>秋情秋果喜煞人。<BR><BR> <BR><BR><BR><BR></FONT> </CENTER></TD></TR></TBODY></TABLE>

文字在图片里居中滚动









秋风秋雨迎秋致,

秋意秋韵宜秋君,

秋花秋蟹捎秋讯,

秋情秋果喜煞人。

代码如下:
<CENTER>
<TABLE cellSpacing=5 cellPadding=5 width=500 align=center background="http://www.jqmbbs.com/jqm/UploadFile/2005-9/20059150273870819.gif" border=5>
<TBODY>
<TR>
<TD>
<BR><BR><BR><BR>
<MARQUEE scrollAmount=2 direction=up height=230>
<CENTER><FONT size=5 color=red><BR>
秋风秋雨迎秋致,<BR>秋意秋韵宜秋君,<BR>
秋花秋蟹捎秋讯, <BR>秋情秋果喜煞人。<BR></FONT></MARQUEE> </TD></TR></TBODY></TABLE></CENTER>

<marquee >文字内容</marquee>为滚动用语

direction=up 为上滚; scrollamount=2为滚动速度

height=230为滚动范围,也可不要。


轩云 2009-03-15 20:54

图片在背景图片里居中滚动



代码如下:
<CENTER>
<TABLE cellSpacing=5 cellPadding=5 width=550 align=center background="
" border=5 >
<TBODY>
<TR>
<TD>
<MARQUEE scrollAmount=2 direction=up height=530>
<CENTER><IMG src="http://www.eonet.ne.jp/~qingshuix/mobile/yj.jpg"> <IMG src="http://www.eonet.ne.jp/~qingshuix/mobile/yj.jpg"> <IMG src="http://www.eonet.ne.jp/~qingshuix/mobile/yj.jpg"> <BR><BR></CENTER></MARQUEE></TD></TR></TBODY></TABLE>


轩云 2009-03-15 20:56

三,透明flash的运用

代码如下:
<TABLE height=600 cellSpacing=0 cellPadding=0 width=480 align=center background=="背景图片网址" border=3 >
<TBODY>
<TR>
<TD>
<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.geocities.jp/yukie1125n/yujietmswf/19.swf width=480 height=590 type=application/x-shockwave-flash wmode="transparent" quality="high"></EMBED></TD></TR></TBODY></TABLE>



给flash动画增添背景




真诚的问候,为你祝福


我会永远伴随你




编辑制作:轩云


代码如下:
<CENTER>
<TABLE cellSpacing=15 cellPadding=5 width=550 align=center background="背景图片网址" border=6 >
<TBODY>
<TR>
<TD>
<CENTER><IMG src="UploadFile/2004-11/20041115143819254.gif"><IMG src="UploadFile/2004-11/20041115143819254.gif"><BR><BR><BR></CENTER>
<CENTER><FONT color=#d3d3d3 size=6><B>真诚的问候,为你祝福</B></FONT><BR><BR><BR></CENTER>
<CENTER><FONT color=#d3d3d3 size=4><B>我会永远伴随你
<EMBED src=http://www.long21.net/card/main/0404/0404252f.swf width=450 height=300 type=application/x-shockwave-flash quality="high">
<FONT color=#d3d3d3 size=4><B>编辑制作:轩云</B> </CENTER></FONT></B></FONT>
</TD>
</TR>
</TBODY>
</TABLE>
</CENTER>

轩云 2009-03-15 20:57

透明flash的定位

把FLASH定位,这样图片就不用作背景,直接用图片的格式,图片的大小也可以随心所欲,效果要比前面一种好。
7.0版本的论坛使用这种效果时,在发帖前先要将发帖栏下面的《自动修正》取消才能正常显示。
代码如下:

<TABLE align=center background=http://wanruo.jahee.com/jpsc/bj/a1.gif border=4 cellPadding=0 cellSpacing=0 height=560 width=450 table>
<TBODY><TR><TD>
<P align=center><IMG border=0 height=450 src="" width=350></P></FONT>
<EMBED style="LEFT: 280px; WIDTH: 400px; POSITION: absolute; TOP: 100px; HEIGHT: 500px" align=right src=http://www.geocities.jp/yukie1125n/yujietmswf/19.swf width=400 height=300 type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED>
<EMBED style="LEFT: 350px; WIDTH: 350px; POSITION: absolute; TOP: 200px; HEIGHT: 300px" align=right src=http://www.geocities.jp/yukie1125n/yujietmswf/20.swf width=400 height=300 type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED>
</TD></TR></TBODY></TABLE>

说明:
      TOP: 100px 是指FLASH与帖子上边之间的距离(也就是FLASH与IE的距离)。
   LEFT: 280px 是指FLASH与帖子左边的距离
   WIDTH:400px HEIGHT: 300px 是指FLASH定位的范围宽度和高度;后面的width=400 height=3000 是FLASH的宽和高了。

补充:每个数据适应修改可使透明flash重叠。

下面是重叠的例子,可根据自己需要修改数据。

<EMBED style="LEFT: 350px; WIDTH: 300px; POSITION: absolute; TOP: 480px; HEIGHT: 300px" align=right src=http://www.geocities.jp/yukie1125n/yujietmswf/19.swf width=400 height=300 type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED>

<EMBED style="LEFT: 350px; WIDTH: 300px; POSITION: absolute; TOP: 480px; HEIGHT: 300px" align=right src=http://www.geocities.jp/yukie1125n/yujietmswf/20.swf width=300 height=200 type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED>


轩云 2009-03-15 20:58

四,多层背景的应用

代码如下:
<TABLE align=center background="背景图片网址" border=10 cellSpacing=2 borderColor=#841A00 width=500>
<TBODY>
<TR>
<TD>

<TABLE align=center background="背景图片网址" border=10 cellSpacing=2 borderColor=#841A00 width=500>
<TBODY>
<TR>
<TD>

<TABLE align=center background="背景图片网址" border=10 cellSpacing=2 borderColor=#841A00 width=500>
<TBODY>
<TR>
<TD>以此类推

帖子的文章加图片

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

注意:

前边用了多少<table......><tr><td>后面就要有多少</td></tr></table>收尾。

常用的参数设定及注解:

<table width="400" border="10" cellspacing="2" cellpadding="2" align="CENTER" valign="TOP" background="图片网址" bgcolor="#0000FF" bordercolor="#CF0000" bordercolorlight="#00FF00" bordercolordark="#00FFFF">

width="400" 表格宽度,接受绝对值(如 500)及相对值(如 80%)。

border="10"   表格边框的厚度。

cellspacing="2"  表格格线的厚度

cellPadding=5 表格格线内厚度


align="CENTER"
表格的摆放位置(水平),可选值为:左: left, 右: right, 居中: center

valign="TOP".
表格内内容的对齐方式(垂直),可选值为: top, middle, bottom。   

background="背景图片网址"
表格的背景图片,与 bgcolor 不要同用。

bgcolor="#0000FF"   表格的底色,与 background 不要同用

bordercolor="#CF0000"  表格边框颜色

bordercolorlight="#00FF00"  表格边框向光部分的颜色

bordercolordark="#00FFFF"
表格边框背光部分的颜色,使用 bordercolorlight 或 bordercolordark 时
bordercolor 将会失效。


轩云 2009-03-15 20:59

五,如何贴背景音乐

如何显示(隐藏)播放器效果

隐藏播放器用语:

wma;mp3;midi等多可以使用

<embed src="音乐地址"HIDDEN=TRUE AUTOSTAT=TRUE LOOP=TRUE>

<bgsound src="音乐地址" Loop=-1>


显示播放器用语(wma;mp3;midi)等都可以使用

<EMBED src=http://61.128.101.130:4080/song/k2/0318/4.wma width=350 height=45 type="audio/x-pn-realaudio-<br>plugin" loop="true" autostart="true" controls="ControlPanel,StatusBar">

显示效果1:






(rm,wav,swf,mp3等格式)

<embed src="音乐地址" autostart="true" width="330" height="83">


显示效果2:

说明:
AutoStart=true 表示是否要音乐文件传送完就自动播放,TRUE是要,FALSE是不要,默认为true

Loop=true 表示设定播放重复次数,LOOP=3表示重复3次,true表示无限次播放,FALSE播放一次即停止。
width=宽度 height=高度 可以设定控制播放器面板的大小,如果都设置为0就可以把播放器隐藏了。


轩云 2009-03-15 21:01
播放器 代码与特效 欢迎补充新的创意

代码:(手动播放false,自动播放true)

<TABLE borderColor=#4F3256 align=center background=http://www.dabaoku.com/sucai/shejilei/bj/pic/0197.jpg border=1>
<TBODY>
<TR>
<TD style="FILTER: alpha(opacity=50,style=3)">
<P align=center><EMBED src=http://cherry.jazzsky.com/LIU/all_about_you.wma width=300 height=45 type=audio/mpeg loop="-1" autostart="false" volume="0"></P></TD></TR></TBODY></TABLE>


****************************************************************************************************
方法极为简单,首先将播放器置于一个单独的表格里,并加上表格的透明特效,播放器上的花纹就是表格的底图。

平时使用的时候主要调换的内容:

1、底图 也可以不要底图,播放器会溶入帖子下面一层表格的颜色或背景图片中

2、并调节透明特效的值

3、表格边线的颜色与粗细,当然border也可以等于0
 
看看效果:


轩云 2009-03-15 21:02
装饰一下播放器

就象为帖子加表格边框一样,可以把播放器也加上一些边框,可能不用加得太复杂,上面是一个加了三层边框的例子。

代码:


<TABLE style="BORDER-RIGHT: #ff69b4 3px dotted; BORDER-TOP: #ff69b4 3px dotted; BORDER-LEFT: #ff69b4 3px dotted; BORDER-BOTTOM: #ff69b4 3px dotted" cellSpacing=0 cellPadding=0 align=center bgColor=white>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-RIGHT: #ff69b4 3px dashed; BORDER-TOP: #ff69b4 3px dashed; BORDER-LEFT: #ff69b4 3px dashed; BORDER-BOTTOM: #ff69b4 3px dashed" cellSpacing=0 cellPadding=0 bgColor=white>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-RIGHT: #ff69b4 3px dotted; BORDER-TOP: #ff69b4 3px dotted; BORDER-LEFT: #ff69b4 3px dotted; BORDER-BOTTOM: #ff69b4 3px dotted" cellSpacing=2 cellPadding=0 bgColor=white>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#ff69b4 align=center bgColor=#ffccf5 border=2>
<TBODY>
<TR>
<TD style="FILTER: alpha(opacity=100,style=3)">
<P align=center><EMBED src=http://cherry.jazzsky.com/LIU/all_about_you.wma width=300 height=45 type=audio/mpeg volume="0" autostart="false" loop="-1"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
看看效果:

 

轩云 2009-03-15 21:04
为黑色播放器加一个边缘

代码:

<TABLE style="BORDER-RIGHT: #000000 3px dashed; BORDER-TOP: #000000 3px dashed; BORDER-LEFT: #000000 3px dashed; BORDER-BOTTOM: #000000 3px dashed" cellSpacing=0 cellPadding=0 bgColor=#00000>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#000000 align=center border=1>
<TBODY>
<TR>
<TD>


<P align=center>

<EMBED style="FILTER: Xray" src=http://cherry.jazzsky.com/LIU/all_about_you.wma width=300 height=45 type=audio/mpeg volume="0" autostart="false" loop="-1">
</P>

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


注:蓝底色的为黑色播放器
 
看看效果:


轩云 2009-03-15 21:05
只要有想象力,可以根据图片素材,调整代码,做出各式各样的播放器

代码:
<TABLE borderColor=#dee4fe cellSpacing=3 cellPadding=0 background=http://www.yhbbs.com/UploadFile/2004-12/2004123023101352.gif border=2>
<TBODY>
<TR>
<TD>
<TABLE align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: alpha(opacity=60,style=3)">
<P align=center><EMBED style="FILTER: Gray" src=http://cherry.jazzsky.com/LIU/all_about_you.wma width=300 height=45 type=audio/mpeg volume="0" autostart="false" loop="-1"> </P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
看看效果:


轩云 2009-03-15 21:07
普通代码播放器和三种有特效的播放器

这个是比较基本的,保留下代码就可以用了。

1、普通无特效播放器
<EMBED src=http://cherry.jazzsky.com/LIU/all_about_you.wma width=300 height=45 type=audio/mpeg loop="-1" autostart="false" volume="0"></EMBED>

2、黑色播放器
<EMBED style="FILTER: Xray" src=http://cherry.jazzsky.com/LIU/all_about_you.wma width=300 height=45 type=audio/mpeg loop="-1" autostart="false" volume="0"></EMBED>

3、灰色播放器
<EMBED style="FILTER: Gray" src=http://cherry.jazzsky.com/LIU/all_about_you.wma width=300 height=45 type=audio/mpeg loop="-1" autostart="false" volume="0"></EMBED>

4、叫不出名的播放器
<EMBED style="FILTER: Invert" src=http://cherry.jazzsky.com/LIU/all_about_you.wma width=300 height=45 type=audio/mpeg loop="-1" autostart="false" volume="0"></EMBED>
 
看看效果:

1、



2、



3、



4、


轩云 2009-03-15 21:09

源代码:

一.
<P align=center><B><FONT style="FONT-SIZE: 40pt; FILTER: blur(add=1, direction=40,strength=10); WIDTH: 10px; COLOR: silver; HEIGHT: 10px">武当山庄</B></FONT></P>

二.
<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color=#8CEA00); WIDTH: 100%; COLOR: #ff0000; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>武当山庄</B></FONT></CENTER>

三.
<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=#ff0000); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>武当山庄</B></FONT></CENTER>

四.
<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=#2828FF); WIDTH: 100%; COLOR: #ffebcd; LINE-HEIGHT: 200%; FONT-FAMILY: 华文彩云">
<P><B>武当山庄</B></P></FONT></CENTER>

五.
<P align=center><FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 40pt; FILTER: blur(add=1, direction=40,strength=10); WIDTH: 450px; LINE-HEIGHT: 150%; POSITION: relative" face=华文行楷 color=#8855aa>武当山庄</FONT> </P>

六.
<P align=center><FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=black); WIDTH: 71.27%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云; HEIGHT: 60px"><B>武当山庄</B></FONT></P>

七.
<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 宋体" size=4>武当山庄</FONT></CENTER>

八.
<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: mask(color=#a09261) shadow(color=#000000,direction=135) chroma(color=#a09261)" align=middle><FONT style="FONT-SIZE: 40pt; WIDTH: 100%; COLOR: #000000; LINE-HEIGHT: 150%; FONT-FAMILY: 黑体"><B><I>武当山庄</I></B></FONT> </TD></TR></TBODY></TABLE

九<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: mask(color=#a09261) dropshadow(color=#000000,offx=-3,offy=-3,positive=1) chroma(color=#a09261)" align=middle><FONT style="FONT-SIZE: 40pt; WIDTH: 100%; COLOR: #000000; LINE-HEIGHT: 150%; FONT-FAMILY: 黑体"><B><I>武当山庄</I></B></FONT> </TD></TR></TBODY></TABLE>

十.
<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: glow(strength=1) mask(color=#ff00ff) chroma(color=#ff00ff)" align=middle><FONT style="FONT-SIZE: 40pt; WIDTH: 100%; COLOR: #ff00ff; LINE-HEIGHT: 150%; FONT-FAMILY: 华文新魏"><B>武当山庄</B></FONT> </TD></TR></TBODY></TABLE>

注:字体 字号 颜色 可调换 更多文字特效见:http://wzyh.aa.topzj.com/forum-28655-1.html(不用注册)

一.

武当山庄

二.

武当山庄

三.

武当山庄

四.

武当山庄

六.

武当山庄

七.

武当山庄

八.
武当山庄
九.
武当山庄
十.
武当山庄


轩云 2009-03-15 21:10

集的各种款式播放器代码

1、普通无特效播放器:   <EMBED src=http://cherry.jazzsky.com/LIU/all_about_you.wma width=300 height=45 type=audio/mpeg loop="-1" autostart="true" volume="0"></EMBED>


2、灰色播放器:   <EMBED style="FILTER: Gray" src=音乐网址 width=300 height=45 type=audio/mpeg loop="-1" autostart="true" volume="0"></EMBED>


3、深金属粉按钮的播放器:   <EMBED style="FILTER: Invert" src=音乐网址 width=300 height=45 type=audio/mpeg loop="-1" autostart="true" volume="0"></EMBED>


4、黑色播放器:   <EMBED style="FILTER: Xray" src=音乐网址 width=300 height=45 type=audio/mpeg loop="-1" autostart="true" volume="0"></EMBED>


5。灰色小播放器:    <embed src=音乐网址 width="180" height="26" hidden="true" type="text/plain; charset=GB2321" volume="0" autostart="true" loop="false" style="filter: progid:dximagetransform.microsoft.emboss()"></embed>


6。粉红色加齿边的播放器:    <TABLE style="BORDER-RIGHT: #ff69b4 3px dashed; BORDER-TOP: #ff69b4 3px dashed; BORDER-LEFT: #ff69b4 3px dashed; BORDER-BOTTOM: #ff69b4 3px dashed" cellSpacing=0 cellPadding=0 bgColor=white><TBODY><TR><TD><TABLE borderColor=#ff69b4 align=center bgColor=#ffccf5 border=2><TBODY><TR><TD style="FILTER: alpha(opacity=100,style=3)"><P align=center><EMBED src=音乐网址 width=300 height=45 type=audio/mpeg loop="-1" autostart="true" volume="0"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></FONT><BR></DIV><P></P>


7。粉红色花边的播放器:    <TABLE style="BORDER-RIGHT: #ff69b4 3px dotted; BORDER-TOP: #ff69b4 3px dotted; BORDER-LEFT: #ff69b4 3px dotted; BORDER-BOTTOM: #ff69b4 3px dotted" cellSpacing=0 cellPadding=0 align=center bgColor=white><TBODY><TR><TD><TABLE style="BORDER-RIGHT: #ff69b4 3px dashed; BORDER-TOP: #ff69b4 3px dashed; BORDER-LEFT: #ff69b4 3px dashed; BORDER-BOTTOM: #ff69b4 3px dashed" cellSpacing=0 cellPadding=0 bgColor=white><TBODY><TR><TD><TABLE style="BORDER-RIGHT: #ff69b4 3px dotted; BORDER-TOP: #ff69b4 3px dotted; BORDER-LEFT: #ff69b4 3px dotted; BORDER-BOTTOM: #ff69b4 3px dotted" cellSpacing=2 cellPadding=0 bgColor=white><TBODY><TR><TD><TABLE borderColor=#ff69b4 align=center bgColor=#ffccf5 border=2><TBODY><TR><TD style="FILTER: alpha(opacity=100,style=3)"><P align=center><EMBED src=音乐网址 width=300 height=45 type=audio/mpeg volume="0" autostart="true" loop="-1"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>


8。显示曲名的播放器:    <EMBED style="FILTER: xray()" src="音乐网址" width=300 height=50 ShowStatusBar="1" type=audio/mpeg volume="0" autostart="true" loop="-1">


9。朦胧的播放器:    <CENTER><TABLE style="FILTER: Alpha(Opacity=80, FinishOpacity=0, Style=3, StartX=20,StartY=50, FinishX=0, FinishY=0)invert()"><TBODY><TR><TD><EMBED style="FILTER: xray()" src=音乐网址 width=180 height=50 type=audio/mpeg showstatusbar="0" loop="true"></EMBED></TD></TR></TBODY></TABLE></CENTER>


10。彩色闪动播放器:    <DIV align=center><TABLE id=table1 style="BORDER-COLLAPSE: collapse" height=15 cellSpacing=0 cellPadding=0 width=300 background=http://www.dabaoku.com/gif/168/gif001.gif border=10><TBODY><TR><TD><TABLE id=table2 style="FILTER: Chroma(Color='#000000')" height=20 cellSpacing=0 cellPadding=0 width=300 border=0><TBODY><TR><TD><TD style="FILTER: alpha(opacity=30,style=-1)"><P align=center><EMBED style="FILTER: Gray" src=音乐网址 width=300 height=15 type=audio/mpeg volume="0" autostart="true" loop="2" <P></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>


11.黑色灰框播放器:   <P align=center><EMBED id=M.E style="BORDER-RIGHT: #ced8ef 5px solid; BORDER-TOP: #ced8ef 5px solid; FILTER: wave(strength=0,freq=1,lightstrength=65,phase=60,add=0) alpha(opacity=80 Style=1 FinishOpacity=80) gray progid:DXImageTransform.Microsoft.glow(color=#000000 Direction=120 strength=4 PixelRadius=0 MakeShadow=0); BORDER-LEFT: #ced8ef 5px solid; WIDTH: 400px; BORDER-BOTTOM: #ced8ef 5px solid; HEIGHT: 80px" src=音乐网址 type=audio/x-ms-wma showstatusbar="10" loop="50" SHOWDISPLAY="1" volume="0"></P>


12.彩虹播放器:   <TABLE id=table1 style="BORDER-COLLAPSE: collapse" height=10 cellSpacing=0 cellPadding=0 width=300 background=http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0024.gif border=1><TBODY><TR><TD><TABLE id=table2 style="FILTER: Chroma(Color='#000000')" height=10 cellSpacing=0 cellPadding=0 width=430 border=0><TBODY><TR><TD><TD style="FILTER: alpha(opacity=60,style=3)"><P align=center><EMBED style="FILTER: Gray" src=音乐网址 width=300 height=45 type=audio/mpeg volume="0" autostart="true" loop="-1"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>


13.蓝色闪动播放器:   <TABLE borderColor=#dee4fe cellSpacing=3 cellPadding=0 background=http://www.yhbbs.com/UploadFile/2004-12/2004123023101352.gif border=2><TBODY><TR><TD><TABLE align=center border=0><TBODY><TR><TD style="FILTER: alpha(opacity=60,style=3)"><P align=center><EMBED style="FILTER: Gray" src=音乐网址 width=300 height=45 type=audio/mpeg volume="0" autostart="true" loop="-1"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>


14.紫色宽边自动循环播放器:    <font face=楷体_GB2312 color=#9900cc><strong><br></strong></font><font color=#ff6600><br><table style="BORDER-RIGHT: #6633ff 3px dashed; BORDER-TOP: #6633ff 3px dashed; BORDER-LEFT: #6633ff 3px dashed; BORDER-BOTTOM: #6633ff 3px dashed" cellSpacing=0 cellPadding=0 align=center<tbody<tr><td><table style="WIDTH: 435px; HEIGHT: 134px" borderColor=#6633ff cellSpacing=2 cellPadding=0 align=center bgColor=#9933ff border=9<tbody<tr><td><table style="FILTER: Alpha(Opacity=70, FinishOpacity=0, Style=1, StartX=20, StartY=40, FinishX=0, FinishY=0)gray(); WIDTH: 60px; HEIGHT: 36px"><tbody<tr><td><embed style="WIDTH: 397px; HEIGHT: 80px" pluginspage=http://www.nt100m.com/w//xxbz2002/美丽.asx width=397 height=80 type=application/x-mplayer2 filename="音乐网址" showdisplay="1" showcontrols="0" showstatusbar="1" showgotobar="0" autostart="autostart" playcount="0" volume="0"></embed></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table><p align=center><a href="http://bbs.klmy.net/UploadFile/2006-1/20061221271631906.gif" target=_blank></a></p></font>


15.手动播放器:   <P align=center><EMBED style="FILTER: " align=absMiddle src=音乐网址 width=210 height=27 type=audio/x-pn-realaudio-plugin xray(); WIDTH: 210px; HEIGHT: 27px autostart="false" loop="false" maintainaspect="false" controls="ControlPanel,StatusBar,TACCtrl" initfn="load-types" mime-types="mime.types"></EMBED></STRONG></FONT></FONT></P>


16.黑色播放器:    <p align="center"><embed style="filter: xray()" src="音乐网址" width="360" height="30" type"audio/mpeg" loop="-1" autostart="true" volume="0"></p>


17.黑色宽播放器:    <P align=center><EMBED id=M.E style="BORDER-RIGHT: #ced8ef 5px solid; BORDER-TOP: #ced8ef 5px solid; FILTER: wave(strength=0,freq=1,lightstrength=50,phase=45,add=0) alpha(opacity=80 Style=2 FinishOpacity=80) gray progid:DXImageTransform.Microsoft.glow(color=#000000 Direction=120 strength=4 PixelRadius=0 MakeShadow=0); BORDER-LEFT: #ced8ef 5px solid; WIDTH: 400px; BORDER-BOTTOM: #ced8ef 5px solid; HEIGHT: 80px" src=音乐网址 type=audio/x-ms-wma volume="0" SHOWDISPLAY="1" loop="50" showstatusbar="10"></P>


16.加锯齿边的黑色播放器:    <TABLE style="BORDER-RIGHT: #000000 3px dashed; BORDER-TOP: #000000 3px dashed; BORDER-LEFT: #000000 3px dashed; BORDER-BOTTOM: #000000 3px dashed" cellSpacing=0 cellPadding=0 bgColor=#00000><TBODY><TR><TD><TABLE borderColor=#000000 align=center border=1><TBODY><TR><TD><P align=center><EMBED style="FILTER: Xray" src=音乐网址 width=300 height=45 type=audio/mpeg volume="0" autostart="true" loop="-1"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>


17.图片底的播放器:    <P align=center><TABLE id=table1 style="BORDER-COLLAPSE: collapse" height=20 cellSpacing=0 cellPadding=0 width=400 background=http://www.coolhot.cn/680/hongxiu/yaoyaosucai/chaguan/023.files/likeangelanimbkgd.gif border=1><TBODY><TR><TD><TABLE id=table2 style="FILTER: Chroma(Color='#000000')" height=20 cellSpacing=0 cellPadding=0 width=400 border=0><TBODY><TR><TD><TD style="FILTER: alpha(opacity=30,style=-1)"><P align=center><EMBED style="FILTER: Gray" src=音乐网址 width=300 height=15 type=audio/mpeg volume="0" autostart="true" loop="2"<P></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>


18.有唱片图片的播放器:<DIV align=center><TABLE style=WIDTH: 584px; HEIGHT: 23px cellSpacing=0 cellPadding=0 width=584 border=0><TBODY><TR><TD><P align=center><P></P><P align=center><TABLE borderColor=#000000 height=249 cellSpacing=0 cellPadding=0 width=324 align=left background=http://50.qzkj.net/UploadFile/2005-12/2005122120481223250.gif border=0><TBODY><TR><TD width=324 height=202 cellPadding=0 cellSpacing=0><P align=center></P></TD></TR><TR><TD align=left><P align=center><EMBED src=音乐网址 width=300 height=24 type=application/x-mplayer2 volume=0 autostart=0 loop=-1></P></TD></TR></TBODY></TABLE>


19.小点的紫色边播放器:    <FONT face=楷体_GB2312 color=#9900cc><STRONG><BR></STRONG></FONT><FONT color=#ff6600><BR><TABLE style="BORDER-RIGHT: #6633ff 3px dashed; BORDER-TOP: #6633ff 3px dashed; BORDER-LEFT: #6633ff 3px dashed; WIDTH: 220px; BORDER-BOTTOM: #6633ff 3px dashed; HEIGHT: 80px" borderColor=#6633ff cellSpacing=0 cellPadding=0 align="center<tbody><tr><td><table" bgColor=#9933ff border=9><TBODY><TR><TD><TABLE style="FILTER: Alpha(Opacity=70, FinishOpacity=0, Style=1, StartX=20, StartY=40, FinishX=0, FinishY=0)gray(); WIDTH: 60px; HEIGHT: 36px"><TBODY<TR><TBODY><TR><TD><EMBED style="WIDTH: 200px; HEIGHT: 60px" width=260 height=80 type=application/x-mplayer2 filename="音乐网址" showdisplay="1" showcontrols="0" showstatusbar="1" showgotobar="0" autostart="true" playcount="0" volume="0"></EMBED></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></FONT>


自动音乐播放器代码如下:

<EMBED id=MediaPlayer701 src=http://mms.blog.xuite.net/28/bd/13016017/blog_48134/dv/3543668/3543668.mp3 width=400 height=45 type=audio/mpeg loop="false" autostart="true"></EMBED>

自动=auto   手动= Move    loop="-1" (自动启动)autostart="false"  autostart=true

是否在音乐档下载完之后就自动播放。true 是,false 否 (内定值)。

loop="true"
是否自动反复播放。(回)LOOP=2 表示重复两次,true 是, false 否。

HIDDEN="true"
是否完全隐藏控制画面,true 为是,no 为否 (内定)。

STARTTIME="分:秒"
设定歌曲开始播放的时间。如 STARTTIME="00:30" 表示从第30秒处开始播放。

VOLUME="0-100"
设定音量的大小,数值是0到100之间。内定则为使用系统本身的设定

播放器是否自动的注解,如:<P align=center><EMBED src=http://61.177.188.140/hddf/UpLoadFile/2006428158238875.wma width=300(播放器宽度) height=45(播放器高度) type=audio/mpeg loop="-1"(自动重复) autostart="true"("与"之间是否在音乐档下载完之后就自动播放。true 是,false 否 (内定值) volume="0">



绿色的 2009-08-01 10:10
非常好的教程,认真学习了!

qiufengzzj 2009-08-16 00:01
怎样贴到论坛上来呢?

qiufengzzj 2009-08-16 00:09
HTML音画代码详解

痴情浪子 2010-01-02 20:54
谢谢楼主指点

真诚的问候,为你祝福
温情的邂逅,与你握手




编辑制作:痴情浪子


查看完整版本: [-- HTML音画代码详解 --] [-- top --]


Powered by www.wdsz.net v8.7.1 Code ©2005-2018www.wdsz.net
Gzip enabled


沪ICP备:05041533号