No1.單曲播放器特效代碼篇
不想費(fèi)事自己做就直接復(fù)制代碼，改下大小和音樂(lè)鏈接地址奏噢可了。
一 透明播放器代碼：
<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=http://218.28.63.133/song/user/200512345491281.wma width=200 height=30 type=audio/x-mplayer2 loop="-1" autostart="0" volume="0" EnableContextMenu="0" showstatusbar="0" console="video"></TD></TR></TBODY></TABLE>
效果：
|
|
|
二 紅色的播放器代碼
<TBODY><TR><TD>
<TABLE style="FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #ffffff; FONT-STYLE: normal; FONT-FAMILY: Tahoma, Verdana; FONT-VARIANT: normal" cellSpacing=0 cellPadding=0 width=140 border=0>
<TBODY>
<TR>
<TD style="BACKGROUND-COLOR: red"><EMBED style="FILTER: invert alpha(opacity=50) WIDTH: 140px; HEIGHT: 45px" src=http://218.28.63.133/song/user/200512345491281.wma type=video/x-ms-asf autostart="FALSE" loop="-1" volume="0"></EMBED></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
效果：
|
|
|
|
三 黑色的播放器
<EMBED style="FILTER: xray()" src=音樂(lè)連接地址 width=570 height=40 type=audio/mpeg loop="-1" autostart="true" volume="0">
效果：
四 白色半透明
<TABLE style="FILTER: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0,gray(); WIDTH: 320px; HEIGHT: 83px">
<TBODY>
<TR>
<TD><FONT color=#00441b><EMBED src=音樂(lè)鏈接地址 width=300 height=40 type=audio/mpeg panel="0" autostart="true" loop="true"></FONT></TD></TR></TBODY></TABLE>
效果：
|
五 銀白色播放器
<EMBED style="FILTER: Gray" src=音樂(lè)鏈接地址 width=300 height=45 type=audio/mpeg loop="-1" autostart="1" volume="0">
效果：
No2.學(xué)習(xí)篇
每次發(fā)音樂(lè)帖子，都覺得播放器太單調(diào)，今天路過(guò)鳴言那里，看到他酷酷的黑色播放器，感到非常喜歡，于是就偷了一段代碼回來(lái)研究，原來(lái)就是在播放器上添加表格應(yīng)用了CSS濾鏡。所以看到上面酷酷的播放器不用羨慕，實(shí)際上它們都是使用CSS濾鏡打造出來(lái)的。感興趣的就和我一起來(lái)學(xué)習(xí)吧！GO GO GO
濾鏡介紹：
下面挑幾個(gè)詳細(xì)介紹一下
（1）alpha屬性
alpha是來(lái)設(shè)置透明度的。先來(lái)看一下它的表達(dá)格式：
filter：alpha（opacity=opcity，finishopacity=finishopacity，
style=style，startX=startX，startY=startY，finishX=finishX，
finishY=finishY）
Opacity代表透明度等級(jí)，可選值從0到100，0代表完全透明，100代表完全不透明。 Style參數(shù)指定了透明區(qū)域的形狀特征。其中0代表統(tǒng)一形狀；1代表線形；2代表放射狀；3代表長(zhǎng)方形。
Finishopacity是一個(gè)可選項(xiàng)，用來(lái)設(shè)置結(jié)束時(shí)的透明度，從而達(dá)到一種漸變效果，它的值也是從0到100。 StartX和StartY代表漸變透明效果的開始坐標(biāo)，finishX和finishY代表漸變透明效果的結(jié)束坐標(biāo)。
(2) blur屬性
filter：blur（add=add，direction，strength=strength）
我們看到blur屬性有三個(gè)參數(shù)：add、direction、strength。
Add參數(shù)有兩個(gè)參數(shù)值：true和false。意思是指定圖片是否被改變成模糊效果。 Direction參數(shù)用來(lái)設(shè)置模糊的方向。模糊效果是按照順時(shí)針?lè)较蜻M(jìn)行的。其中0度代表垂直向上，每45度一個(gè)單位，默認(rèn)值是向左的270度。角度方向的對(duì)應(yīng)關(guān)系見下表：
Strength參數(shù)值只能使用整數(shù)來(lái)指定，它代表有多少像素的寬度將受到模糊影響。默認(rèn)值是5像素。
(3)Gray屬性
把一張圖片變成灰度圖。它的表達(dá)式很簡(jiǎn)單：
Filter：Gray
(4)Invert屬性
Invert屬性可以把對(duì)象的可視化屬性全部翻轉(zhuǎn)，包括色彩、飽和度和亮度值。
它的表達(dá)式也很簡(jiǎn)單：
Filter：Invert
（5）Xray屬性
就是X射線的意思。
Xray屬性，顧名思義，這種屬性產(chǎn)生的效果就是使對(duì)象看上去有一種X光片的感覺。 它的表達(dá)式很簡(jiǎn)單：
Filter：Xray 大家注意看黑色播放器的代碼，實(shí)際上就是用的這種屬性。
以上濾鏡代碼可以單獨(dú)使用，也可以聯(lián)合使用,而且還要活學(xué)活用。特效代碼中的一和二就是聯(lián)合使用的結(jié)果，當(dāng)然其中還加了很多CSS樣式，如果感興趣可以進(jìn)一步深入學(xué)習(xí)。
|
