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

向荣 ╭☆腾☆╯

让我的心愿点击你的笑脸!让我的愿望输入你的幸福!

 
 
 

日志

 
 

【引用】图片羽化/移动/特效/代码大全  

2011-10-08 16:21:27|  分类: 博客技巧 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

1.图片羽化效果

代码

<P align=center>
<TABLE border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=2)" width=700(图片宽度) background=http://img46.bimg.126.net/photo/1RX1n46VWVCKpk_YgNauFQ==/567172078072917404.jpg (图片地址) height=550(图片高度)>
</TD></TR></TOBDY></TBODY></TABLE></P>

 

 

 

2.图片雾化加一个flash效果

<P align=center>
<TABLE border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=2)" width=700(图片宽度) background=http://img46.bimg.126.net/photo/1RX1n46VWVCKpk_YgNauFQ==/567172078072917404.jpg height=550
<P><B><EMBED align=right src=http://yf.6000y.com/toumingflash/01/060.swf width=420 height=296 type=application/octet-stream wmode="transparent" quality="high"></EMBED></B></P></TD></TR></TOBDY></TBODY></TABLE></P>

 

3.图片雾化加二个flash效果 

<P align=center>
<TABLE border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=2)" width=700 background=http://img46.bimg.126.net/photo/1RX1n46VWVCKpk_YgNauFQ==/567172078072917404.jpg height=550>
<P><B><EMBED align=right src=http://imgfree.21cn.com/free/flash/123.swf width=420 height=296 type=application/octet-stream wmode="transparent" quality="high"><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=right src=http://imgfree.21cn.com/free/flash/16.swf width=420 height=296 type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED></B></P></TD></TR></TOBDY></TBODY></TABLE></P> 

 

4.朦胧效果加一个flash的代码

<TABLE align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=3)" width=700 background=http://img46.bimg.126.net/photo/1RX1n46VWVCKpk_YgNauFQ==/567172078072917404.jpg 图片地址 height=550>
<P align=center><EMBED src=http://yf.6000y.com/toumingflash/01/081.swf width=590 height=400 type=application/x-shockwave-flash wmode="transparent" quality="high"></P></TD></TR></TBODY></TABL
E>

5.从左到右加一个LASH的雾化效果

<TABLE align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=1)" width=700 background=http://img46.bimg.126.net/photo/1RX1n46VWVCKpk_YgNauFQ==/567172078072917404.jpg 图片地址 height=550>
<P align=center><EMBED src=http://yf.6000y.com/toumingflash/01/074.swf  width=590 height=400 type=application/x-shockwave-flash wmode="transparent" quality="high"></P></TD></TR></TBODY></TABLE>

提示:style=1或2或3,其图片朦胧的效果就不同,如果是4就没有效果了。在朦胧图片的基础上还能加入透明的FLASH。opacity=100(开始处的透明度)

finishOpacity=0:结束处的透明度
style=0(0=平均透明,1=片状透明,2=圆形透明,3=方形透明)

 

 

 

 6.雾化加移动的代码

<MARQUEE scrollAmount=3 beha><WBR>
<TABLE>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity='95',style='2')" width=700 background=http://img46.bimg.126.net/photo/1RX1n46VWVCKpk_YgNauFQ==/567172078072917404.jpg height=550></TD></TR></TBODY></TABLE></MARQUEE>

7对开

 

2009年10月30日 - 聚散人生 - 聚散人生 2009年10月30日 - 聚散人生 - 聚散人生

<MARQUEE scrollAmount=1 scrollDelay=50 direction=right width=273><IMG title="" alt="" src="http://img46.bimg.126.net/photo/1RX1n46VWVCKpk_YgNauFQ==/567172078072917404.jpg"></MARQUEE>
<MARQUEE scrollAmount=1 scrollDelay=50 width=272><IMG title="" alt=" src="http://img46.bimg.126.net/photo/1RX1n46VWVCKpk_YgNauFQ==/567172078072917404.jpg"></MARQUEE>
<MARQUEE scrollAmount=1 scrollDelay=50 direction=right width=272></MARQUEE>

 

套用特效

opacity=100(开始处的透明度)
finishOpacity=0:结束处的透明度
style=0(0=平均透明,1=片状透明,2=圆形透明,3=方形透明)

右侧羽化效果图*
< img src="http://img46.bimg.126.net/photo/1RX1n46VWVCKpk_YgNauFQ==/567172078072917404.jpg" style="filter=alpha(opacity=100,style=1,finishopacity=0)">


圆形羽化效果图 *
< img src="http://img46.bimg.126.net/photo/1RX1n46VWVCKpk_YgNauFQ==/567172078072917404.jpg" style="filter=alpha(opacity=100,style=2,finishopacity=0)">

方形羽化效果图 *
< img src="http://img46.bimg.126.net/photo/1RX1n46VWVCKpk_YgNauFQ==/567172078072917404.jpg" style="filter=alpha(opacity=100,style=3,finishopacity=0)">


透明效果图 *
< img src="http://img46.bimg.126.net/photo/1RX1n46VWVCKpk_YgNauFQ==/567172078072917404.jpg" style=filter:Alpha(Opacity=30)>


风状羽化效果图 *
< img src="http://img46.bimg.126.net/photo/1RX1n46VWVCKpk_YgNauFQ==/567172078072917404.jpg" style="filter:blur(direction=135,strength=100)">


黑白效果图 *
< img src="http://img46.bimg.126.net/photo/1RX1n46VWVCKpk_YgNauFQ==/567172078072917404.jpg" style="filter:gray()">


反转效果图 *
< img src="http://img46.bimg.126.net/photo/1RX1n46VWVCKpk_YgNauFQ==/567172078072917404.jpg" style="filter:invert()">

 

水纹倒影效果图 *
 <IMG src="http://img46.bimg.126.net/photo/1RX1n46VWVCKpk_YgNauFQ==/567172078072917404.jpg" width=700><BR><IMG style="FILTER: wave(strength=9,freq=7,phase=5,lightstrength=5) blur() flipv()" src="http://img46.bimg.126.net/photo/1RX1n46VWVCKpk_YgNauFQ==/567172078072917404.jpg" width=700>
 
freq:频率(>0) strength:振幅强度(>0) lightstrength:波峰强度(0~100) phase:起始相位(0~100)

水纹倒影效果图 

 

2009年10月30日 - 聚散人生 - 聚散人生
2009年10月30日 - 聚散人生 - 聚散人生

  评论这张
 
阅读(373)| 评论(10)
推荐 转载

历史上的今天

评论

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

页脚

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