首页 2006年引索[电脑应用] 2006年引索[网页制作]

用CSS打造你的播放器

    喜欢做音乐的朋友,面对千篇一律的样式你是否觉得单调呢?现在就让我们看看下面几款播放器如何?是不是觉得帅极了?其实很简单,你只需要把代码复制下来,把音乐地址换成你想加入的音乐地址,你也可以拥有一款漂亮的播放器!怎么样?还不抓紧时间试一试。

 

invert滤镜 [1]

<!--invert滤镜播放器效果代码:
<div align="center"><embed style="FILTER: invert(); WIDTH: 350px; HEIGHT: 50px" src="音乐地址" type="audio/mpeg" loop="false" autostart="false" showstatusbar="1" /></div>
-->
 
Blur滤镜 [2]
<!--Blur滤镜播放器效果代码:
 <div align="center"><embed style="FILTER: Blur(); WIDTH: 350px; HEIGHT: 50px" src="音乐地址" width="128" height="128" type="audio/mpeg" volume="0" loop="false" autostart="false" showstatusbar="1" /></div>
-->
 
Gray滤镜 [3]
<!--Gray滤镜播放器效果代码:
<div align="center"><embed style="FILTER: Gray(); WIDTH: 350px; HEIGHT: 50px" src="音乐地址" width="128" height="128" type="audio/mpeg" volume="0" loop="false" autostart="false" showstatusbar="1" /></div>
-->
 
Xray滤镜 [4]
<!--Xray滤镜播放器效果代码:
 <div align="center"><embed style="FILTER: Xray(); WIDTH: 350px; HEIGHT: 50px" src="音乐地址" width="128" height="128" type="audio/mpeg" volume="0" loop="false" autostart="false" showstatusbar="1" /></div>
-->
 
alpha滤镜 [5]
<!--alpha滤镜播放器效果代码:
 <div align="center"><embed style="filter:Alpha(opacity=10,finishOpacity=100,style=2); WIDTH: 350px; HEIGHT: 50px" src="音乐地址" width="128" height="128" type="audio/mpeg" volume="0" loop="false" autostart="false" showstatusbar="1" /></div>
-->
 
Wave滤镜 [6]
<!--Wave滤镜播放器效果代码:
<div align="center"><embed style="FILTER: wave(add=0,lightstrength=50,strength=4,freq=2,phrase=30); WIDTH: 350px; HEIGHT: 50px" src="音乐地址" width="128" height="128" type="audio/mpeg" volume="0" loop="false" autostart="false" showstatusbar="1" /></div>
-->
 
alpha滤镜 [7]
<!--alpha滤镜播放器效果代码:
 <div align="center"><embed style="FILTER: alpha(opacity=100,style=3); WIDTH: 350px; HEIGHT: 50px" src="音乐地址" width="128" height="128" type="audio/mpeg" volume="0" loop="false" autostart="false" showstatusbar="1" /></div>
-->