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

散花竹

 
 
 

日志

 
 
关于我

一匹来自绝地的苍狼!于五月中诞生,融入栉沐风雨.孤独的游弋在沙漠边缘.层层沙浪仿佛是它的琴键,弹奏着一只只舞曲,一曲曲生命的和弦.一个前无古人的境界。雪地混着月光,黎明仍没有希望.胸怀一世的苍凉,拥抱万世的辉煌

用HTML代码制作的各种图片效果  

2007-01-12 08:58:24|  分类: 博客代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
用HTML代码制作的各种图片效果
转帖

一.贴图的基础代码

用HTML代码制作的各种图片效果 - 绝地苍狼 - 散花竹

代码为:<IMG src="uploadpic/2006102421152447531.jpg" width=350>

二.淡化边缘效果

用HTML代码制作的各种图片效果 - 绝地苍狼 - 散花竹

代码为:<IMG style="FILTER: Alpha(opacity=100,style=1)" src="uploadpic/2006102421152447531.jpg" width=350>

用HTML代码制作的各种图片效果 - 绝地苍狼 - 散花竹 

代码为:<IMG style="FILTER: Alpha(opacity=100,style=2)" src="uploadpic/2006102421152447531.jpg" width=350>

用HTML代码制作的各种图片效果 - 绝地苍狼 - 散花竹

代码为:<IMG style="FILTER: Alpha(opacity=100,style=3)" src="uploadpic/2006102421152447531.jpg" width=350>

用HTML代码制作的各种图片效果 - 绝地苍狼 - 散花竹

代码为:<IMG style="FILTER: Alpha(opacity=0,finishopacity=100,style=1)" src="uploadpic/2006102421152447531.jpg" width=350>

三.图片加框效果

用HTML代码制作的各种图片效果 - 绝地苍狼 - 散花竹

代码为:1.<img src="uploadpic/2006102421152447531.jpg" width=350 style="border:8px #987cb9 dotted">

2.<IMG style="BORDER-RIGHT: #987cb9 8px dotted; BORDER-TOP: #987cb9  8px dotted; BORDER-LEFT: #987cb9  8px dotted; BORDER-BOTTOM: #987cb9  8px dotted" src="uploadpic/2006102421152447531.jpg">

 

用HTML代码制作的各种图片效果 - 绝地苍狼 - 散花竹

代码为:<img src="uploadpic/2006102421152447531.jpg" width=350 style="border:12px #987cb9 double">

用HTML代码制作的各种图片效果 - 绝地苍狼 - 散花竹

代码为:<P align=center><img src="uploadpic/2006102421152447531.jpg" width=350 style="border:5px #987cb9 dashed">

用HTML代码制作的各种图片效果 - 绝地苍狼 - 散花竹

代码为:<img src="uploadpic/2006102421152447531.jpg" width=350 style="border:12px #987cb9 groove">

用HTML代码制作的各种图片效果 - 绝地苍狼 - 散花竹

代码为:<table style="border:3 dashed #f6ae56" cellspacing="5" cellpadding="0" bgcolor="#f6ae56"><tr><td bgcolor="#aeffae" width=350  align=center ><img src="uploadpic/2006102421152447531.jpg">

用HTML代码制作的各种图片效果 - 绝地苍狼 - 散花竹

代码为: <img src="uploadpic/2006102421152447531.jpg" style="filter:progid:DXImageTransform.Microsoft.Glow(color=#cc8888,strength=10)">

四.图片移动效果

用HTML代码制作的各种图片效果 - 绝地苍狼 - 散花竹

代码为:<MARQUEE direction=right  scrollamount=10><IMG src="uploadpic/2006102421152447531.jpg"></MARQUEE>

说明:direction=right表示图片自左向右移动,direction=left表示自右向左移动,也可缺省.direction=up表示图片自下而上移动,direction=down表示自上往下移动.

用HTML代码制作的各种图片效果 - 绝地苍狼 - 散花竹

代码为:<marquee width=100% behavior=alternate scrollamount=10><img src=uploadpic/2006102421152447531.jpg width=350 ></marquee>

用HTML代码制作的各种图片效果 - 绝地苍狼 - 散花竹

代码为:<marquee width=100% behavior=slide scrollamount=10><img src=uploadpic/2006102421152447531.jpg width=350 ></marquee>

用HTML代码制作的各种图片效果 - 绝地苍狼 - 散花竹

代码为::<marquee direction=left><marquee behavior=alternate direction=up height=500><img src=uploadpic/2006102421152447531.jpg> </marquee>

用HTML代码制作的各种图片效果 - 绝地苍狼 - 散花竹

用HTML代码制作的各种图片效果 - 绝地苍狼 - 散花竹

代码为:<marquee width=350 ><img src=uploadpic/2006102421152447531.jpg width=350>  </marquee><marquee direction=right width=350 ><img src=uploadpic/2006102421152447531.jpg width=350>  </marquee>

用HTML代码制作的各种图片效果 - 绝地苍狼 - 散花竹

用HTML代码制作的各种图片效果 - 绝地苍狼 - 散花竹

代码为:<marquee direction=up  scrollamount=3><center><img src=uploadpic/2006102421152447531.jpg width=350></marquee><marquee direction=down scrollamount=3> <center> <div style="width:350;filter:flipv;"><img src="uploadpic/2006102421152447531.jpg" width=350></div></center></marquee>

用HTML代码制作的各种图片效果 - 绝地苍狼 - 散花竹

代码为:
<MARQUEE scrollAmount=3 direction=right behavior=alternate>
<MARQUEE direction=up behavior=alternate width=100 height=500>
<P align=center><IMG src="uploadpic/2006102421152447531.jpg"></MARQUEE>

用HTML代码制作的各种图片效果 - 绝地苍狼 - 散花竹

用HTML代码制作的各种图片效果 - 绝地苍狼 - 散花竹

用HTML代码制作的各种图片效果 - 绝地苍狼 - 散花竹

用HTML代码制作的各种图片效果 - 绝地苍狼 - 散花竹

代码为:<TABLE cellSpacing=0 cellPadding=0 width="50%" align=center border=0>
<TBODY>
<TR>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=175><IMG style="FILTER: fliph()" src="uploadpic/2006102421152447531.jpg" width=175></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 width=175><IMG src="uploadpic/2006102421152447531.jpg" width=175></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=175><IMG style="FILTER: fliph()" src="uploadpic/2006102421152447531.jpg" width=175></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 width=175><IMG src="uploadpic/2006102421152447531.jpg" width=175></MARQUEE></TD></TR></TBODY></TABLE>

五.图片的一些效果的组合

用HTML代码制作的各种图片效果 - 绝地苍狼 - 散花竹

代码为:1.<MARQUEE direction=right  scrollamount=10><IMG style="FILTER: Alpha(opacity=100,style=2)" src="uploadpic/2006102421152447531.jpg"> </MARQUEE>

  2.<MARQUEE direction=right  scrollamount=10 >
<TABLE style="FILTER: Alpha(opacity=100,style=2)"  width=350 height=263 background=uploadpic/2006102421152447531.jpg > </MARQUEE>

用HTML代码制作的各种图片效果 - 绝地苍狼 - 散花竹

代码为: <MARQUEE style="WIDTH: 1000px " scrollAmount=5 direction=right>
 <img src="uploadpic/2006102421152447531.jpg"  width=350  style="border:8px #987cb9 dotted"></MARQUEE>

六.图片的另外一些滤镜效果

用HTML代码制作的各种图片效果 - 绝地苍狼 - 散花竹
用HTML代码制作的各种图片效果 - 绝地苍狼 - 散花竹

代码为: <IMG height=232 src="uploadpic/2006102421152447531.jpg" width=310><BR><IMG style="FILTER: wave(strength=3,freq=3,phase=0,lightstrength=30)  blur() flipv()" height=232 src="uploadpic/2006102421152447531.jpg" width=310>

用HTML代码制作的各种图片效果 - 绝地苍狼 - 散花竹

代码为: <IMG style="FILTER: progid:DXImageTransform.Microsoft.Emboss()" src="uploadpic/2006102421152447531.jpg">

用HTML代码制作的各种图片效果 - 绝地苍狼 - 散花竹

代码为: <IMG style="FILTER: gray" src="uploadpic/2006102421152447531.jpg">

用HTML代码制作的各种图片效果 - 绝地苍狼 - 散花竹

代码为:<img src="uploadpic/2006102421152447531.jpg" style="filter:invert">

七.用JavaScript实现的其它图片效果

用HTML代码制作的各种图片效果 - 绝地苍狼 - 散花竹

用HTML代码制作的各种图片效果 - 绝地苍狼 - 散花竹

  评论这张
 
阅读(1012)| 评论(7)

历史上的今天

评论

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

页脚

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