用HRML代碼做漂亮的音畫日志
一、HRML在線編輯器地址:
http://ny.xmu.edu.cn/editor.asp如果你也想往自己的博客里,網(wǎng)頁里加入音樂播放器,只要復制下面的網(wǎng)頁音樂播放器代碼,做適當?shù)男薷木涂梢岳?!有很多播放器可以選擇,不要挑花眼哦!
中true或1表示自動播放,false或0表示手動播放
loop="true" 中的true或1表示重復播放,false或0表示只播放一次
width= height= 中的數(shù)字分別表示播放器的寬度和高度 =0表示隱藏播放器
EnableContextMenu="0" 禁右鍵
ShowStatusBar="1" (帶顯示文件播放信息)
1隱藏播放器(不循環(huán))
代碼:
<EMBED src=音樂網(wǎng)址 hidden=true type=audio/x-ms-wma >
2.隱藏播放器(循環(huán)播放)
代碼:
<EMBED src=音樂網(wǎng)址 hidden=true type=audio/mpeg loop="-1">
3.黑色皮膚播放器
代碼:
<EMBED style="FILTER: xray()" src=音樂網(wǎng)址 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="音樂網(wǎng)址" SHOWCONTROLS="1" SHOWSTATUSBAR="1" SHOWDISPLAY="1" SHOWGOTOBAR="1" PlayCount="1">
7.深黃色帶菜單播放器
代碼:
<EMBED style="FILTER: invert()" src=音樂網(wǎng)址 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=音樂網(wǎng)址 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=音樂網(wǎng)址 width=300 height=45 type=audio/mpeg loop="-1" volume="0">
</P></TD></TR></TBODY></TABLE>
12 13綜合屬性分析
background=圖片地址可以更換圖片地址來實現(xiàn)改變播放器背景
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=音樂網(wǎng)址 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=音樂網(wǎng)址 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=音樂網(wǎng)址 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=音樂網(wǎng)址 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=音樂網(wǎng)址 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>輸入的內(nèi)容</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="網(wǎng)址" height="300" width="450" autostart="true" loop="true">
2、點擊后播放
<embed src="網(wǎng)址" height="300" width="450" autostart="false">
二.帖歌時隱藏播放器且自動播放:
<embed src="背景音樂網(wǎng)址" hidden="true" autostart="true" loop="true">
音樂代碼解釋
AUTOSTART="TRUE / FALSE"
是否要在音樂檔傳完之后,就自動播放音樂。 TRUE 是要
FALSE 是不要,內(nèi)定值是不要。
LOOP="TRUE / FALSE / 整數(shù)"
設定是否要自動反覆播放,LOOP=2 表示重復兩次,若要無限次重復可用 LOOP="TRUE"。
WIDTH 和 HIGH="整數(shù)"
設定控制面版的寬度和高度。
hidden="true"表示隱藏播放,即不顯示播放器的外觀。相當把播放器的高度和寬度設置為0。
FLASH代碼
<embed src=flash網(wǎng)址 width=400 height=400>
圖片代碼
1.基本代碼
<img src=圖片網(wǎng)址 width=圖片寬度 height=圖片高度>
2.給圖片加邊框
<table border=6 cellSpacing=2 cellPadding=1 borderColor=#841A00><tr><td><img src=圖片網(wǎng)址 width=600 height=407></td></tr></table>
說明:
border="6" 表格邊框的厚度
cellspacing="2" 表格格線的厚度
cellPadding=1 表格格線內(nèi)厚度
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>
三、在邊框中加上現(xiàn)成的圖片和FLASH圖片、以及寫文章就跟你平時做日志是一樣的。
能夠很熟練的用好上面的代碼,你就可以做好一篇漂亮完整的音畫了。
設置靜態(tài)文本框背景透明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