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

雾树芦花的博客

 
 
 

日志

 
 

用几种不同方式链接图片的特效代码  

2012-03-02 19:40:43|  分类: 博客制作技巧 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

 

用几种不同方式链接图片的特效代码

雾树芦花 - 雾树芦花的博客

原图片如下

雾树芦花-雾树芦花的博客

原图地址 http://img4.ph.126.net/t7xjAaoNvrniAMnAmnfYAA==/1225823523575921204.gif

雾树芦花 - 雾树芦花的博客

① 图片左右翻转链接的代码如下

<DIV style="FILTER: FlipH; WIDTH: 450px; HEIGHT: 320px"><IMG src=http://img4.ph.126.net/t7xjAaoNvrniAMnAmnfYAA==/1225823523575921204.gif></DIV

>

    简要说明:以上代码中FILTER是-滤波器FlipH是-翻板替换翻转,宽和高度分别按照原图尺寸填写WIDTH: 450px; HEIGHT: 320px,红色部份是图片地址.可以更换.

以上图片左右翻转代码的实效如下

雾树芦花 - 雾树芦花的博客

 

雾树芦花 - 雾树芦花的博客

② 滤镜发光效果的代码如下

<P style="FILTER: Glow(color=#4A7AC9,strength=12); WIDTH: 400px; HEIGHT: 320px" align=center><BR><IMG src="http://img4.ph.126.net/t7xjAaoNvrniAMnAmnfYAA==/1225823523575921204.gif"></P

>

简要说明:以上代码中
Glow 为发光代码,
color=#4A7AC9
是发光颜色,
strength=12是发光强度

以上发光效果代码的实效如下


雾树芦花 - 雾树芦花的博客

 

 

雾树芦花 - 雾树芦花的博客

 

③过滤颜色相反链接图片的代码如下

<DIV style="FILTER: Invert; WIDTH: 400px; HEIGHT: 320px"><IMG src="http://img4.ph.126.net/t7xjAaoNvrniAMnAmnfYAA==/1225823523575921204.gif"></DIV>

   简要说明:以上代码中 Invert 为反选相反的代码,代码中的宽度和高度必须跟原图片相同.

以上过滤颜色相反链接代码的实效如下

雾树芦花 - 雾树芦花的博客

 

雾树芦花 - 雾树芦花的博客

 

④用滤镜促使图片模糊链接的代码如下

<DIV style="FILTER: Blur(direction=135); WIDTH: 420px; HEIGHT: 330px" align=center><BR><IMG src="http://img4.ph.126.net/t7xjAaoNvrniAMnAmnfYAA==/1225823523575921204.gif"></DIV>

   简要说明:以上代码中 Blur 为沾上污迹使之模糊不清的代码,代码中的虑镜宽要略大于图片宽度(建议+15) 虑镜高要略大于图片高度(建议+15+10).代码中的 direction 为->方向(以45度角为单位)(0、45、90、135、180、225、270、315)

用滤镜促使图片模糊链接的实效如下


雾树芦花 - 雾树芦花的博客

 

雾树芦花 - 雾树芦花的博客

 

⑤促使图片产生梦幻链接的代码

<TABLE align=center border=0><TBODY><TR><TD style="FILTER: Alpha(opacity='100',style='2')" width=400 background=http://img4.ph.126.net/t7xjAaoNvrniAMnAmnfYAA==/1225823523575921204.gif height=320></TD></TR></TBODY></TABLE>
简要说明:以上代码中的FILTER: Alpha是用过滤镜促使图片产生梦幻效果的代码,代码中的(opacity='100',style='2')是使图片不透明的元素,其中数值2是产生圆型状,数值改为3为方型状,改为4就不会产生梦幻效果了.

以上梦幻链接代码的实样效果如下

 

雾树芦花 - 雾树芦花的博客

 

⑥用滤镜促使图片产生X光效应的代码如下

<DIV style="FILTER: Xray; WIDTH: 400px; HEIGHT: 320px"><IMG src="http://img4.ph.126.net/t7xjAaoNvrniAMnAmnfYAA==/1225823523575921204.gif"></DIV>
简要说明:以上代码中的 FILTER: Xray;
是通过滤镜实现X光效的元素,代码中的宽度和高度必需同原图片的尺寸相符.

以上产生X光效应的实例效果如下

用几种特殊方式链接图片的特效代码 雾树芦花 - 雾树芦花的博客

 

雾树芦花 - 雾树芦花的博客

雾树芦花 - 雾树芦花的博客

雾树芦花 - 雾树芦花的博客

热烈欢迎诸位贵宾莅临本博赐教指导


  评论这张
 
阅读(106)| 评论(0)

历史上的今天

评论

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

页脚

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