注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

.

.

 
 
 

日志

 
 
 
 

【龍】几款播放器款式及代码(2)  

2007-09-14 11:03:45|  分类: 管理資料 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

随缘/整理

 

用CSS打造你的播放器

invert滤镜

invert滤镜播放器效果代码:

<div align="center"><embed style="FILTER: invert(); WIDTH: 350px; HEIGHT: 50px" src="音乐地址" type="audio/mpeg" loop="false" autostart="false" showstatusbar="1" /></div>

 Blur滤镜

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滤镜

Gray滤镜播放器效果代码:

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滤镜

Xray滤镜播放器效果代码:

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滤镜

alpha滤镜播放器效果代码:

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滤镜

Wave滤镜播放器效果代码:

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滤镜

alpha滤镜播放器效果代码:

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>

 

<table style="filter: alpha(opacity=100 Style=0 FinishOpacity=100); font-size: 16px; color: #000000" borderColor="#000000" height="249" cellSpacing="0" cellPadding="0" width="316" align="center" background="http://blog.chosun.com/web_file/blog/167/9167/1/rosa-77-06-2.gif" border="0" ><tr><td width="314" height="180" cellpadding="0" cellspacing="0"></td></tr><tr><td align="left"><p align="center"><embed style="FILTER: alpha(opacity=100 Style=3 FinishOpacity=0)black(); style: " src="歌曲" width="310" height="28" type="video/x-ms-asf" volume="0" autostart="1" loop="-1"></td></tr></table> 

 

<CENTER>

<TABLE style="BORDER-TOP-STYLE: dotted; BORDER-RIGHT-STYLE: dotted; BORDER-LEFT-STYLE: dotted; BORDER-BOTTOM-STYLE: dotted" borderColor=#006400 height=45 cellSpacing=0 cellPadding=0 width=400 background=http://club.fadmy.com/UploadFile/2005-9/200597123237734.gif border=5><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=45 type=audio/mpeg loop="-1" autostart="true" volume="0"></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></CENTER>

  

播放器蒙胧化:

 

<P align=center><TABLE style="FILTER: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)gray(); WIDTH: 259px; HEIGHT: 83px"><TBODY><TR><TD><EMBED src=歌曲width=250 height=40 type=audio/mpeg loop="true" autostart="true" panel="0"></TD></TR></TBODY></TABLE></P>

 

如若转载、引用,请不要修改!保存原貌!!并请留言!!!

 —=★【随缘文集】★=—

  评论这张
 
阅读(366)| 评论(23)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017