用HRML代码做漂亮的音画日志
一、HRML在线编辑器地址：
http://ny.xmu.edu.cn/editor.asp如果你也想往自己的博客里，网页里加入音乐播放器，只要复制下面的网页音乐播放器代码，做适当的修改就可以啦！有很多播放器可以选择，不要挑花眼哦！
中true或1表示自动播放，false或0表示手动播放
loop="true" 中的true或1表示重复播放，false或0表示只播放一次
width= height= 中的数字分别表示播放器的宽度和高度 =0表示隐藏播放器
EnableContextMenu="0" 禁右键
ShowStatusBar="1" （带显示文件播放信息）
1隐藏播放器(不循环)
代码:
<EMBED src=音乐网址 hidden=true type=audio/x-ms-wma >
2.隐藏播放器(循环播放)
代码:
<EMBED src=音乐网址 hidden=true type=audio/mpeg loop="-1">
3.黑色皮肤播放器
代码:
<EMBED style="FILTER: xray()" src=音乐网址 width=360height=30 type=audio/mpeg volume="0" loop="-1">
4.淡蓝色播放器
代码:
<EMBED src=播放地址 width=300 height=45 type=audio/mpeg loop="-1" volume="0">
5.迷幻播放器
代码:
<TABLE style="FILTER: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)gray(); WIDTH: 400px; HEIGHT: 83px">
<TBODY>
<TR>
<TD><EMBED src=播放地址 width=400 height=40 type=audio/mpeg panel="0" loop="true">
</TD></TR></TBODY></TABLE>
6.带菜单的播放器
代码:
<EMBED pluginspage=http://www.microsoft.com/windows/mediaplayer/download/default.asp width=400 height=172 type=application/x-mplayer2 FileName="音乐网址" SHOWCONTROLS="1" SHOWSTATUSBAR="1" SHOWDISPLAY="1" SHOWGOTOBAR="1" PlayCount="1">
7.深黄色带菜单播放器
代码:
<EMBED style="FILTER: invert()" src=音乐网址 width=320 height=45 type=audio/x-ms-wma ShowStatusBar="1" loop="true" >
8.灰色播放器
代码:
<EMBED style="FILTER: Gray()" src="链接地址" width=300 height=69 type=application/x-mplayer2 loop="-1" showcontrols="1" ShowDisplay="0" ShowStatusBar="1" ></EMBED>
9.灰白色播放器
代码:
<embed style="FILTER: Gray()" src=链接地址 width=300 height=45 loop="-1" ></EMBED>
10.带菜单的蓝色播放器
代码:
<EMBED src="链接地址" width=300 height=69 type=application/x-mplayer2 loop="-1" showcontrols="1" ShowDisplay="0" ShowStatusBar="1" ></EMBED>
11.棕色播放器
代码:
<EMBED style="FILTER: invert()" src=链接地址 width=300 height=45 loop="-1" ></EMBED>
12.带边框背景的播放器
代码:
<TABLE borderColor=#4F3256 background=背景图片地址 border=1>
<TBODY><TR>
<TD style="FILTER: alpha(opacity=50,style=3)">
<P align=center><EMBED src=音乐网址 width=300 height=25 type=audio/mpeg loop="-1" volume="0">
</P></TD></TR></TBODY></TABLE>
13.带背景图片的播放器
代码:
<TABLE borderColor=navy background=图片地址 border=0>
<TBODY><TR>
<TD style="FILTER: alpha(opacity=80,style=3)">
<P align=center><EMBED src=音乐网址 width=300 height=45 type=audio/mpeg loop="-1" volume="0">
</P></TD></TR></TBODY></TABLE>
12 13综合属性分析
background=图片地址可以更换图片地址来实现改变播放器背景
14.黄色闪光播放器
代码:
<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=navy background=http://nxm.16789.net/s-helpSite/domName/nxm/20041114123131568.gif border=0>
<TBODY><TR>
<TD style="FILTER: alpha(opacity=50,style=3)">
<P align=center><EMBED src=音乐网址 width=400 height=35 type=audio/mpeg loop="-1" loop="-1">
</P></TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
15.蓝色闪光播放器
代码:
<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=400 height=35 type=audio/mpeg volume="0" loop="-1">
</P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
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=400 height=35 type=audio/mpeg volume="0" loop="-0">
</P></TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
17.粉色花边播放器
代码:
<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 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=25 type=audio/mpeg volume="0" loop="-0">
</P></TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
18.显示文件标签灰色播放器
代码:
<DIV><EMBED style="FILTER: Gray()" src="链接地址" loop="-1" width=300 height=140 balance="true" showpositioncontrols="true" showtracker="true" showaudiocontrols="true" showcontrols="true" showstatusbar="true" showdisplay="true" displaysize="0" volume="100" animationatstart="true" transparentatstart="true"></EMBED></div>
19显示文件标签棕色播放器
代码:
<DIV><EMBED style="FILTER: invert()" src="链接地址" loop="-1" width=300 height=140 balance="true" showpositioncontrols="true" showtracker="true" showaudiocontrols="true" showcontrols="true" showstatusbar="true" showdisplay="true" displaysize="0" volume="100" animationatstart="true" transparentatstart="true"></EMBED></div>
20.显示文件标签黑色播放器
代码:
<DIV><EMBED style="FILTER: xray()" src="链接地址" loop="-1" width=300 height=140 balance="true" showpositioncontrols="true" showtracker="true" showaudiocontrols="true" showcontrols="true" showstatusbar="true" showdisplay="true" displaysize="0" volume="100" animationatstart="true" transparentatstart="true"></EMBED></div>
21.连放播放器
代码:
<EMBED style="FILTER: Gray()" src=音乐网址 width=500 height=35 type=audio/x-ms-wma controls="StatusBar,TACCtrl,ControlPanel" border="0" playcount="0" showtracker="1" volume="0"></EMBED>
22.彩色播放器
代码:
<TABLE style="FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: 00CCFF; FONT-STYLE: normal; FONT-FAMILY: Tahoma, Verdana; FONT-VARIANT: normal" cellSpacing=0 cellPadding=0 width=140 border=0>
<TBODY>
<TR>
<TD style="BACKGROUND-COLOR: 00CCFF"><EMBED style="FILTER: invert alpha(opacity=50) WIDTH: 140px; HEIGHT: 45px" src=音乐链接地址 type=video/x-ms-asf loop="-1" volume="0"></EMBED></TD></TR></TBODY></TABLE>
本代码属性分析
BACKGROUND-COLOR: 00CCFF 播放器颜色代码 可以更换 以变换播放器颜色
23.透明播放器代码
代码:
<TABLE style="FILTER: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)xray(); WIDTH: 200px; HEIGHT: 40px">
<TBODY>
<TR>
<TD><EMBED style="BORDER-RIGHT: silver 1px solid; BORDER-TOP: silver 1px solid; BORDER-LEFT: silver 1px solid; BORDER-BOTTOM: silver 1px solid" src=音乐链接地址 width=200 height=30 type=audio/x-mplayer2 loop="-1" volume="0" EnableContextMenu="0" showstatusbar="0" console="video"></TD></TR></TBODY></TABLE>
1、字在图片上流动的代码 ：
<DIV> <TABLE style="WIDTH: 380px; HEIGHT: 256px" width=380 border=0> <TBODY> <TR> <TD background=图片地址 height=250> <P> <MARQUEE style="WIDTH: 365px; HEIGHT: 238px" scrollAmount=1 scrollDelay=50 direction=up width=365 height=238>图片上的文字</MARQUEE></P></TD></TR></TBODY>
背景音乐代码
2、免费播放器的加法：
</textarea><embed src=http://你的背景音乐地址 width=0 height=0 loop= true> (此代码不显播放器)
</textarea><embed src=http://你的背景音乐地址 width=2 height=2 loop= true> (此代码显播放器)
3、 图片羽化代码：
圆形渐变透明<center><img src="图片地址" style="filter=alpha(opacity=100,style=2,finishopacity=0)"></center>
X形渐变透明<center><img src="图片地址" style="filter=alpha(opacity=100,style=3,finishopacity=0)"></center>
4、字体滚动代码 ：
<MARQUEE behavior=alternate>输入的内容</MARQUEE>
5、图片动的羽化代码 ：
<marquee behavior=alternate><BR>
<img src="这里放图的地址" style="FILTER: alpha(opacity=100,style=2)"width=300><BR>
</marquee></p>
方形<CENTER><img src="这里放图地址" style="FILTER: alpha(opacity=100,style=2)"width=300>
</CENTER>
6、多张图片滚动代码：
<TABLE cellSpacing=0 cellPadding=0 width="70%" align=center border=0>
<TBODY>
<TR>
<TD align=middle>
<MARQUEE>
<P align=center><IMG src="图地址"></P></MARQUEE></TD>
<TD align=middle>
<MARQUEE>
<P align=center><IMG src="图地址"></P></MARQUEE></TD>
<TD align=middle>
<MARQUEE>
<P align=center><IMG src="图地址"></P></MARQUEE></TD>
<TD align=middle>
<MARQUEE>
<P align=center><IMG src="图地址"></P></MARQUEE></TD></TR></TBODY></TABLE></P>
音乐代码
一.帖歌时不隐藏播放器
1、自动播放
<embed src="网址" height="300" width="450" autostart="true" loop="true">
2、点击后播放
<embed src="网址" height="300" width="450" autostart="false">
二.帖歌时隐藏播放器且自动播放:
<embed src="背景音乐网址" hidden="true" autostart="true" loop="true">
音乐代码解释
AUTOSTART="TRUE / FALSE"
是否要在音乐档传完之后，就自动播放音乐。 TRUE 是要
FALSE 是不要，内定值是不要。
LOOP="TRUE / FALSE / 整数"
设定是否要自动反覆播放，LOOP=2 表示重复两次，若要无限次重复可用 LOOP="TRUE"。
WIDTH 和 HIGH="整数"
设定控制面版的宽度和高度。
hidden="true"表示隐藏播放，即不显示播放器的外观。相当把播放器的高度和宽度设置为0。
FLASH代码
<embed src=flash网址 width=400 height=400>
图片代码
1.基本代码
<img src=图片网址 width=图片宽度 height=图片高度>
2.给图片加边框
<table border=6 cellSpacing=2 cellPadding=1 borderColor=#841A00><tr><td><img src=图片网址 width=600 height=407></td></tr></table>
说明：
border="6" 表格边框的厚度
cellspacing="2" 表格格线的厚度
cellPadding=1 表格格线内厚度
borderColor=#841A00 边框色彩
图片朦胧效果
A.圆形效果
代码： <IMG src="图片" width=500 height=375 style="filter:Alpha(opacity=100,style=2);">
B.方形效果
代码： <IMG src="图片" style="FILTER: Alpha(opacity=200,style=3)" width=500 height=375>
C.椭圆效果
代码： <IMG src="图片" style="filter:Alpha(opacity=100,finishOpacity=0,style=2)" width=500 height=375>
三、在边框中加上现成的图片和FLASH图片、以及写文章就跟你平时做日志是一样的。
能够很熟练的用好上面的代码，你就可以做好一篇漂亮完整的音画了。
设置静态文本框背景透明HBRUSH C背景透明Dlg::OnCtlColor(CDC* pDC, CWnd* pWnd, UINT nCtlColor)
{
HBRUSH hbr = CDialog::OnCtlColor(pDC, pWnd, nCtlColor);
CBrush m_brush(RGB(255,255,0));
CRect m_rect;
GetClientRect(m_rect);
pDC->SelectObject(&m_brush);
pDC->FillRect(m_rect,&m_brush); // 将整个对话框背景设置为黄色
if (nCtlColor==CTLCOLOR_STATIC)
{
if (pWnd->GetDlgCtrlID()==IDC_STATIC1)
{
//将文本框IDC_STATIC1设置为透明
pDC->SetBkMode(TRANSPARENT);
}
}
return m_brush;
}
http://wenku.baidu.com/view/b165a1bbc77da26925c5b0a2.html
