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

网易空间代码大全

------江南墨客与您共享!

 
 
 

日志

 
 
关于我

欢迎您的光临! 平时我很喜欢学习计算机、博客制作等方面的有关知识,酷爱收集相关资料。为了方便大家学习的需要,现在我把网易博客制作技巧及代码,通过精心整理,在这里展现出来,与大家共享!

网易考拉推荐
GACHA精选

网易博客代码(六十)(播放器代码—单曲篇)  

2007-05-09 02:33:16|  分类: 博客代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

No1.单曲播放器特效代码篇

    不想费事自己做就直接复制代码,改下大小和音乐链接地址奏噢可了。

一 透明播放器代码:

<TABLE style=" FILTER: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)xray(); HEIGHT: 40px">
<TBODY>
<TR>
<TD><EMBED style="BORDER-RIGHT: 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-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) 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=音乐连接地址 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(); HEIGHT: 83px">
<TBODY>
<TR>
<TD><FONT color=#00441b><EMBED src=音乐链接地址 width=300 height=40 type=audio/mpeg panel="0" autostart="true" loop="true"></FONT></TD></TR></TBODY></TABLE>

效果:

 

五 银白色播放器

<EMBED style="FILTER: Gray" src=音乐链接地址 width=300 height=45 type=audio/mpeg loop="-1" autostart="1" volume="0">

效果:

 

 

No2.学习篇

    每次发音乐帖子,都觉得播放器太单调,今天路过鸣言那里,看到他酷酷的黑色播放器,感到非常喜欢,于是就偷了一段代码回来研究,原来就是在播放器上添加表格应用了CSS滤镜。所以看到上面酷酷的播放器不用羡慕,实际上它们都是使用CSS滤镜打造出来的。感兴趣的就和我一起来学习吧!GO GO GO

滤镜介绍:

滤镜属性列表

下面挑几个详细介绍一下

(1)alpha属性

  alpha是来设置透明度的。先来看一下它的表达格式:

  filter:alpha(opacity=opcity,finishopacity=finishopacity,
  style=style,startX=startX,startY=startY,finishX=finishX,
  finishY=finishY)

    Opacity代表透明度等级,可选值从0到100,0代表完全透明,100代表完全不透明。 Style参数指定了透明区域的形状特征。其中0代表统一形状;1代表线形;2代表放射状;3代表长方形。
  Finishopacity是一个可选项,用来设置结束时的透明度,从而达到一种渐变效果,它的值也是从0到100。 StartX和StartY代表渐变透明效果的开始坐标,finishX和finishY代表渐变透明效果的结束坐标。

(2)  blur属性

    filter:blur(add=add,direction,strength=strength)

  我们看到blur属性有三个参数:add、direction、strength。
  Add参数有两个参数值:true和false。意思是指定图片是否被改变成模糊效果。    Direction参数用来设置模糊的方向。模糊效果是按照顺时针方向进行的。其中0度代表垂直向上,每45度一个单位,默认值是向左的270度。角度方向的对应关系见下表:

角度列表

  Strength参数值只能使用整数来指定,它代表有多少像素的宽度将受到模糊影响。默认值是5像素。

(3)Gray属性

   把一张图片变成灰度图。它的表达式很简单:

  Filter:Gray

(4)Invert属性

  Invert属性可以把对象的可视化属性全部翻转,包括色彩、饱和度和亮度值。
  它的表达式也很简单:

  Filter:Invert

(5)Xray属性

    就是X射线的意思。
  Xray属性,顾名思义,这种属性产生的效果就是使对象看上去有一种X光片的感觉。 它的表达式很简单:

  Filter:Xray  大家注意看黑色播放器的代码,实际上就是用的这种属性。

   以上滤镜代码可以单独使用,也可以联合使用,而且还要活学活用。特效代码中的一和二就是联合使用的结果,当然其中还加了很多CSS样式,如果感兴趣可以进一步深入学习。

                                                  以上内容感谢小强的提供!
  评论这张
 
阅读(6511)| 评论(5)
推荐 转载

历史上的今天

评论

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

页脚

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