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

顺齐自然的小屋

欢迎朋友前来做客

 
 
 

日志

 
 
关于我

一个15岁的小丫头,上山下乡到黑龙江,六年的炊事员,四年的赤脚医生,经受了十年的人生磨砺,收获不小。

网易考拉推荐

图片的朦胧效果-制作代码  

2012-01-22 14:44:31|  分类: 转载引用 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自美人迟暮《图片的朦胧效果-制作代码》

图片的朦胧效果

示例图(1):

 

上面图片朦胧效果的代码如下:

<TABLE border=0 align=center>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=3)" height=496 background=图片地址 width=750>
<P align=center><EMBED height=400 type=application/x-shockwave-flash width=600 src=http://imgfree.21cn.com/free/flash/33.swf quality="high" wmode="transparent"></P></TD></TR></TBODY></TABLE>

 

示例图(2):

 

上面图片朦胧效果的代码如下

<TABLE align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=2)" width=750 background=图片地址 height=496>
<P align=center><EMBED src=http://imgfree.21cn.com/free/flash/33.swf width=590 height=400 type=application/x-shockwave-flash wmode="transparent" quality="high"></P></TD></TR></TBODY></TABLE>

 

示例图(3):

 

上面图片朦胧效果的代码如下:

<TABLE align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=1)" width=750 background=图片地址 height=496>
<P align=center><EMBED src=http://imgfree.21cn.com/free/flash/33.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。其代码如下:

<TABLE align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=3)" width=595 background=图片地址 height=406>
<P align=center><EMBED src=透明FLASH地址 width=590 height=400 type=application/x-shockwave-flash wmode="transparent" quality="high"></P></TD></TR></TBODY></TABLE>

效果如下:

 

 

下面是朦胧图片加入两个透明FLASH的效果,代码如下:

<TABLE style="FILTER: alpha(opacity=100,style=2); WIDTH: 0px; BORDER-COLLAPSE: collapse; HEIGHT: 0px" borderColor=#555555 cellSpacing=0 cellPadding=0 width=0 align=center background=图片地址 border=0>
<TBODY>
<TR>
<TD><BR><EMBED style="WIDTH: 595px; HEIGHT: 406px" align=right src=透明FLASH地址 width=589 height=400 type=application/x-shockwave-flash quality="high" wmode="transparent"><EMBED style="WIDTH: 589px; HEIGHT: 400px" align=right src=透明FLASH地址 width=650 height=500 type=application/x-shockwave-flash quality="high" wmode="transparent"></TD></TR></TBODY></TABLE>


 

希望这些代码能对大家的网页美观起到一定的作用。

以下是推荐的朦胧效果图片的日志:

(1)  荒友情-1969年~2011年

(2)  荒友情-(情系永丰)

(3)  荒友情--爱心接力大传送!

  评论这张
 
阅读(20)| 评论(1)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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