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

.

.

 
 
 

日志

 
 
关于我

在这里记录下我的心情的点点滴滴,以及纷乱和愉悦的心绪,留给将来,留给自己永久的回忆........

在日志上添加播放器的方法和CSS图片滤镜效果的应用  

2007-03-16 00:57:05|  分类: 博客制作教程 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

在日志上添加播放器的方法和代码是:

 在日志中添加播放器,把代码放入你要撰写的日志里,但是添加之前一定要把右下角的显示源代码选中后在粘贴代码,把你喜欢的歌曲地址换到红色部分,最后把“显示源代码”勾掉就OK啦!

<EMBED SRC="歌曲链接地址" loop=flase width=180 height=40>

如果你想把播放器隐藏就用下面这个代码:

<embed src="音乐地址" type="audio/mpeg" loop="true" autostart="true" />

常用属性:

SRC="FILENAME" 设定音乐文件的路径

AUTOSTART=TRUE/FALSE 是否要音乐文件传送完就自动播放,TRUE是要,FALSE是不要,

LOOP=TRUE/FALSE 设定播放重复次数,TRUE表示无限次播放,FALSE播放一次即停止。

知道了这些你就可以自己随便设置自己想要的播放方式了.

提示:以上代码在个人档案中同样适用! 

CSS图片滤镜效果的应用方法及代码 

这张图片在日志上添加播放器的方法和CSS图片滤镜效果的应用 - 寒冰 - .

是使用了滤镜效果,所以变的模糊,显得有点透明了,呵呵...其实很简单,只是对图片加了一个滤镜效果而已,代码就是:

<IMG src="图片地址" style=" FILTER: alpha(opacity=40)" border=0>

就这么简单,其中opacity=40是表示图片的透明度,值越小越透明;border=0表示图片外框线条的粗细,数值越大边框线条越粗,数值设为0表示边框隐藏。

顺便在这里给大家说一下对图片加链接的代码,因为很多刚做博客的朋友都不知道:

<A href="链接地址" target=_blank><img src="图片地址" width=100 height=100 border=0></A>

其中target=_blank表示链接在新窗口中打开,图片的宽width和高height的具体数值可以根据自己的实际需要进行设定!

还有很多其他的效果,这里顺便再给大家讲一下,这些滤镜效果还可以用在对播放器的美化上=====================================

1、反色在日志上添加播放器的方法和CSS图片滤镜效果的应用 - 寒冰 - .
<IMG src="http://img.photo.163.com/JarZJ-q8ULlbZsVw31U70Q==/138485688542076457.gif" style="FILTER: invert()" border=0>

2、浮雕效果在日志上添加播放器的方法和CSS图片滤镜效果的应用 - 寒冰 - .
<IMG src="http://img.photo.163.com/JarZJ-q8ULlbZsVw31U70Q==/138485688542076457.gif" style="filter : progid:DXImageTransform.Microsoft.Emboss(Bias=0.7) ;" border=0>

3、扭曲效果在日志上添加播放器的方法和CSS图片滤镜效果的应用 - 寒冰 - .在日志上添加播放器的方法和CSS图片滤镜效果的应用 - 寒冰 - .
<IMG src="http://img.photo.163.com/JarZJ-q8ULlbZsVw31U70Q==/138485688542076457.gif" style="FILTER: wave(add=0,freq=3,lightstrength=50,phase=0,strength=3)" border=0>

(freq=5表示扭曲尺度,strength=5表示扭曲强度)

4、虚线边框效果在日志上添加播放器的方法和CSS图片滤镜效果的应用 - 寒冰 - .
<IMG src="http://img.photo.163.com/JarZJ-q8ULlbZsVw31U70Q==/138485688542076457.gif" style="FILTER: Gray;border-width:2;BORDER-STYLE: dotted;" border=0>

(border-width:2表示边框宽度,数值可改)

7、透明效果在日志上添加播放器的方法和CSS图片滤镜效果的应用 - 寒冰 - .
<IMG src="http://img.photo.163.com/JarZJ-q8ULlbZsVw31U70Q==/138485688542076457.gif" style="FILTER: Alpha(Opacity=80,style=2)" border=0>

(style=2表示模糊类型,1表示从左往右渐变模糊,2如图效果,3表示四周渐变模糊) 

在日志上添加播放器的方法和CSS图片滤镜效果的应用 - 寒冰 - .

在日志上添加播放器的方法和CSS图片滤镜效果的应用 - 寒冰 - . 

 图片水中倒影代码

<P><IMG src="http://img.photo.163.com/JarZJ-q8ULlbZsVw31U70Q==/138485688542076457.gif" width="240" height="180"><BR><IMG src="http://img.photo.163.com/JarZJ-q8ULlbZsVw31U70Q==/138485688542076457.gif" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()" width="240" height="180"></P>

 在日志上添加播放器的方法和CSS图片滤镜效果的应用 - 寒冰 - .
在日志上添加播放器的方法和CSS图片滤镜效果的应用 - 寒冰 - .


在日志上添加播放器的方法和CSS图片滤镜效果的应用 - 寒冰 - .
宽和高根据自己图片修改

图片变透明 
在日志上添加播放器的方法和CSS图片滤镜效果的应用 - 寒冰 - . ===========================
< img border="0" src="图片地址"
style="Filter:Alpha(Opacity=數值, style=數值)">

這個 Filter:Alpha 是圖片透明的語法:O在日志上添加播放器的方法和CSS图片滤镜效果的应用 - 寒冰 - .pacity 就是 透明度Style 則是透明的 方式,舉例說明如下。若設定為 Opacity=90

在日志上添加播放器的方法和CSS图片滤镜效果的应用 - 寒冰 - . style=1 是圖片右邊透明

在日志上添加播放器的方法和CSS图片滤镜效果的应用 - 寒冰 - .style=2 是圖片上下透明如左圖。==========
在日志上添加播放器的方法和CSS图片滤镜效果的应用 - 寒冰 - . ==============style=3 也是上下透明但是效果不同。
在日志上添加播放器的方法和CSS图片滤镜效果的应用 - 寒冰 - . style=4 整體透明,這個是透明度=20 時。
在日志上添加播放器的方法和CSS图片滤镜效果的应用 - 寒冰 - . style=4 整體透明,這個是透明度=50 時。
在日志上添加播放器的方法和CSS图片滤镜效果的应用 - 寒冰 - . style=4 整體透明,這個是透明度=80 時。

  评论这张
 
阅读(463)| 评论(12)
推荐 转载

历史上的今天

评论

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

页脚

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